@piveau/piveau-hub-ui-modules 4.4.0-beta.2 → 4.4.1

package/dist/data-provider-interface/components/SpatialInput.vue.mjs

@@ -1,7 +1,7 @@
-import { getCurrentInstance as D, ref as f, watch as _, onMounted as M, nextTick as P, reactive as j, openBlock as i, createElementBlock as l, unref as p, createElementVNode as c, toDisplayString as b, createTextVNode as d, withDirectives as L, vShow as q, createCommentVNode as h, Fragment as w, renderList as x, isRef as g, vModelText as B } from "vue";
+import { getCurrentInstance as B, ref as f, watch as w, onMounted as D, nextTick as M, reactive as P, openBlock as l, createElementBlock as i, unref as p, createElementVNode as c, toDisplayString as m, createTextVNode as d, withDirectives as A, vShow as j, createCommentVNode as y, Fragment as C, renderList as S, isRef as b, vModelText as q } from "vue";
 import { useStore as J } from "vuex";
-import { getTranslationFor as $ } from "../../utils/helpers.mjs";
-import { onClickOutside as S } from "../../external/@vueuse/core/index";
+import { getTranslationFor as L } from "../../utils/helpers.mjs";
+import { onClickOutside as _ } from "../../external/@vueuse/core/index";
 import { useRoute as W } from "vue-router";
 import "./SpatialInput.vue2.mjs";
 import X from "../../_virtual/_plugin-vue_export-helper.mjs";
@@ -11,64 +11,64 @@ const z = { class: "d-flex flex-column w-100 spatialWrap" }, H = {
 }, Q = { class: "autocompleteInputSingleValue" }, Y = { key: 1 }, Z = { class: "w-100 d-flex" }, ee = { class: "d-flex position-relative m-3 w-100" }, te = ["placeholder"], ae = {
   key: 0,
   class: "d-flex position-relative m-3 w-100"
-}, oe = { class: "w-100" }, se = {
+}, se = { class: "w-100" }, oe = {
   key: 1,
   class: "d-flex position-relative m-3 w-100"
-}, ie = { class: "w-100" }, le = ["onClick"], ne = {
+}, le = { class: "w-100" }, ie = ["placeholder"], ne = ["onClick"], re = {
   key: 0,
   class: "m-3"
-}, re = {
+}, ce = {
   key: 0,
   class: "w-100"
-}, ce = ["placeholder"], de = ["onClick"], ue = {
+}, de = ["placeholder"], ue = ["onClick"], pe = {
   data() {
     return {
       man: !1,
       vocSearch: !1
     };
   }
-}, pe = /* @__PURE__ */ Object.assign(ue, {
+}, fe = /* @__PURE__ */ Object.assign(pe, {
   __name: "SpatialInput",
   props: {
     context: Object
   },
   setup(E) {
-    let C = D().appContext.app.config.globalProperties.$env, U = W();
+    let R = B().appContext.app.config.globalProperties.$env, $ = W();
     const n = E;
-    let y = f([]), s = f({}), v = f({}), k = f({}), I = f({});
-    const V = J();
-    n.context.attrs.identifier === "politicalGeocodingURI" && y.value.push({ item: "Municipality Key", active: !1 }, { item: "Regional Key", active: !1 }, { item: "Municipal Association Key", active: !1 }, { item: "District Key", active: !1 }, { item: "Government District Key", active: !1 }, { item: "State Key", active: !1 }), n.context.attrs.identifier === "spatial" && y.value.push({ item: "Country", active: !1 }, { item: "Place", active: !1 }, { item: "Continent", active: !1 }), _(s, async () => {
+    let g = f([]), o = f({}), v = f({}), k = f({}), I = f({});
+    const U = J();
+    n.context.attrs.identifier === "politicalGeocodingURI" && g.value.push({ item: "Municipality Key", active: !1 }, { item: "Regional Key", active: !1 }, { item: "Municipal Association Key", active: !1 }, { item: "District Key", active: !1 }, { item: "Government District Key", active: !1 }, { item: "State Key", active: !1 }), n.context.attrs.identifier === "spatial" && g.value.push({ item: "Country", active: !1 }, { item: "Place", active: !1 }, { item: "Continent", active: !1 }), w(o, async () => {
       K();
-    }), _(v, async () => {
+    }), w(v, async () => {
       v.value = v.value.toLowerCase();
-    }), _(I, async () => {
+    }), w(I, async () => {
       n.context.node.input({ name: I, resource: I });
-    }), M(async () => {
-      k = [{ name: "--- Type in anything for a live search of the vocabulary ---", resource: "invalid" }], await P(), n.context.value.name === void 0 || n.context.value.name === "" ? o.activeValue = !1 : o.activeValue = !0;
+    }), D(async () => {
+      k = [{ name: "--- Type in anything for a live search of the vocabulary ---", resource: "invalid" }], await M(), n.context.value.name === void 0 || n.context.value.name === "" ? s.activeValue = !1 : s.activeValue = !0;
     });
     function G() {
-      y.value.forEach((e) => {
+      g.value.forEach((e) => {
         e.active = !1;
       });
     }
     function O(e) {
-      o.activeValue = !1, n.context.node.input({});
+      s.activeValue = !1, n.context.node.input({});
     }
     function F(e) {
-      let a = JSON.parse(localStorage.getItem(`dpi_${U.params.property}`)), t;
+      let a = JSON.parse(localStorage.getItem(`dpi_${$.params.property}`)), t;
       n.context.attrs.identifier === "politicalGeocodingURI" ? t = a.Advised["dcatde:politicalGeocodingURI"] : t = a.Advised["dct:spatial"], t.forEach((r, u) => {
         Object.keys(r).length === 0 && t.splice(u, 1);
-      }), t.push(n.context.node._value), n.context.attrs.identifier === "politicalGeocodingURI" ? a.Advised["dcatde:politicalGeocodingURI"] = t : a.Advised["dct:spatial"] = t, localStorage.setItem(`dpi_${U.params.property}`, JSON.stringify(a));
+      }), t.push(n.context.node._value), n.context.attrs.identifier === "politicalGeocodingURI" ? a.Advised["dcatde:politicalGeocodingURI"] = t : a.Advised["dct:spatial"] = t, localStorage.setItem(`dpi_${$.params.property}`, JSON.stringify(a));
     }
     const K = async () => {
       let e = v.value;
       if (n.context.attrs.identifier === "politicalGeocodingURI") {
         e = "political-geocoding-" + e.toLowerCase().replaceAll(" ", "-");
         try {
-          let a = s.value;
-          await V.dispatch("dpiStore/requestAutocompleteSuggestions", { voc: e, text: a, base: C.api.baseUrl }).then((t) => {
+          let a = o.value;
+          await U.dispatch("dpiStore/requestAutocompleteSuggestions", { voc: e, text: a, base: R.api.baseUrl }).then((t) => {
             k = t.data.result.results.map((u) => ({
-              name: $(u.alt_label, "en", []) + " (" + u.id + ")",
+              name: L(u.alt_label, "en", []) + " (" + u.id + ")",
               resource: u.resource
             }));
           });
@@ -76,39 +76,39 @@ const z = { class: "d-flex flex-column w-100 spatialWrap" }, H = {
         }
       } else
         try {
-          let a = s.value;
-          await V.dispatch("dpiStore/requestAutocompleteSuggestions", { voc: e, text: a, base: C.api.baseUrl }).then((t) => {
+          let a = o.value;
+          await U.dispatch("dpiStore/requestAutocompleteSuggestions", { voc: e, text: a, base: R.api.baseUrl }).then((t) => {
             k = t.data.result.results.map((u) => ({
-              name: $(u.pref_label, "en", []) + " (" + u.id + ")",
+              name: L(u.pref_label, "en", []) + " (" + u.id + ")",
               resource: u.resource
             }));
           });
         } catch {
         }
     };
-    var o = j({
+    var s = P({
       first: !1,
       second: !1,
       third: !1,
       activeValue: !1
     });
-    const T = f(null), A = f(null), R = f(null);
-    S(T, (e) => o.first = !1), S(A, (e) => o.second = !1), S(R, (e) => o.third = !1);
-    function m(e) {
-      e === "showTable" && (o.first = !o.first), e === "showVocTable" && (o.second = !o.second), e === "showVocEntries" && (o.third === !0 || (o.third = !o.third));
+    const x = f(null), T = f(null), V = f(null);
+    _(x, (e) => s.first = !1), _(T, (e) => s.second = !1), _(V, (e) => s.third = !1);
+    function h(e) {
+      e === "showTable" && (s.first = !s.first), e === "showVocTable" && (s.second = !s.second), e === "showVocEntries" && (s.third === !0 || (s.third = !s.third));
     }
     function N(e) {
       n.context.node.input({ name: e.target.value, resource: e.target.value });
     }
-    return (e, a) => (i(), l("div", z, [
-      !n.context.attrs.multiple && p(o).activeValue ? (i(), l("div", H, [
-        c("a", Q, b(n.context.value.name), 1),
+    return (e, a) => (l(), i("div", z, [
+      !n.context.attrs.multiple && p(s).activeValue ? (l(), i("div", H, [
+        c("a", Q, m(n.context.value.name), 1),
         d(),
         c("div", {
           class: "removeX",
           onClick: O
         })
-      ])) : (i(), l("div", Y, [
+      ])) : (l(), i("div", Y, [
         c("div", Z, [
           c("div", ee, [
             c("input", {
@@ -117,36 +117,35 @@ const z = { class: "d-flex flex-column w-100 spatialWrap" }, H = {
               class: "selectInputField formkit-inner",
               readonly: "readonly",
               placeholder: e.$t("message.dataupload.info.preferredInput"),
-              onClick: a[0] || (a[0] = (t) => m("showTable"))
+              onClick: a[0] || (a[0] = (t) => h("showTable"))
             }, null, 8, te),
             d(),
-            L(c("ul", {
+            A(c("ul", {
               ref_key: "I1",
-              ref: T,
+              ref: x,
               class: "spatialListUpload"
             }, [
               c("li", {
                 onClick: a[1] || (a[1] = (t) => {
-                  m("showTable"), e.man = !0, e.vocSearch && (e.vocSearch = !1);
+                  h("showTable"), e.man = !0, e.vocSearch && (e.vocSearch = !1);
                 }),
                 class: "p-2 border-b border-gray-200 choosableItemsAC"
-              }, b(e.$t("message.dataupload.datasets.conditional.manually")), 1),
+              }, m(e.$t("message.dataupload.datasets.conditional.manually")), 1),
               d(),
               c("li", {
                 onClick: a[2] || (a[2] = (t) => {
-                  m("showTable"), e.vocSearch = !0, e.man && (e.man = !1);
+                  h("showTable"), e.vocSearch = !0, e.man && (e.man = !1);
                 }),
                 class: "p-2 border-b border-gray-200 choosableItemsAC"
-              }, b(e.$t("message.dataupload.datasets.conditional.vocabulary")), 1)
+              }, m(e.$t("message.dataupload.datasets.conditional.vocabulary")), 1)
             ], 512), [
-              [q, p(o).first]
+              [j, p(s).first]
             ])
           ]),
           d(),
-          e.man ? (i(), l("div", ae, [
-            c("label", oe, [
-              d(` Provide an URL
-                        `),
+          e.man ? (l(), i("div", ae, [
+            c("label", se, [
+              d(m(e.$te("message.dataupload.datasets.isReferencedByUrl.placeholder") ? e.$t("message.dataupload.datasets.isReferencedByUrl.placeholder") : "Provide an URL") + " ", 1),
               c("input", {
                 type: "URL",
                 class: "selectInputField formkit-inner",
@@ -154,84 +153,83 @@ const z = { class: "d-flex flex-column w-100 spatialWrap" }, H = {
                 onInput: a[3] || (a[3] = (t) => N(t))
               }, null, 32)
             ])
-          ])) : h("", !0),
+          ])) : y("", !0),
           d(),
-          e.vocSearch ? (i(), l("div", se, [
-            c("label", ie, [
-              d(` Choose type of vocabulary
-                        `),
+          e.vocSearch ? (l(), i("div", oe, [
+            c("label", le, [
+              d(m(e.$te("message.dataupload.datasets.contributorType.placeholder") ? e.$t("message.dataupload.datasets.contributorType.placeholder") : "Choose type of vocabulary") + " ", 1),
               c("input", {
                 id: "I2",
                 type: "text",
                 class: "selectInputField formkit-inner",
                 readonly: "readonly",
-                placeholder: "Search the vocabulary",
+                placeholder: e.$te("message.dataupload.datasets.accessRights.placeholder") ? e.$t("message.dataupload.datasets.accessRights.placeholder") : "Choose type of vocabulary",
                 onClick: a[4] || (a[4] = (t) => {
-                  m("showVocTable");
+                  h("showVocTable");
                 })
-              })
+              }, null, 8, ie)
             ]),
             d(),
-            p(o).second ? (i(), l("ul", {
+            p(s).second ? (l(), i("ul", {
               key: 0,
               ref_key: "I2",
-              ref: A,
+              ref: T,
               class: "spatialListUpload"
             }, [
-              (i(!0), l(w, null, x(p(y), (t) => (i(), l("li", {
+              (l(!0), i(C, null, S(p(g), (t) => (l(), i("li", {
                 key: t,
                 class: "p-2 border-b border-gray-200 choosableItemsAC",
                 onClick: (r) => {
-                  G(), t.active = !t.active, m("showVocTable"), g(s) ? s.value = "" : s = "", g(v) ? v.value = t.item : v = t.item;
+                  G(), t.active = !t.active, h("showVocTable"), b(o) ? o.value = "" : o = "", b(v) ? v.value = t.item : v = t.item;
                 }
-              }, b(t.item), 9, le))), 128))
-            ], 512)) : h("", !0)
-          ])) : h("", !0)
+              }, m(t.item), 9, ne))), 128))
+            ], 512)) : y("", !0)
+          ])) : y("", !0)
         ]),
         d(),
-        e.vocSearch ? (i(), l("div", ne, [
-          (i(!0), l(w, null, x(p(y), (t) => (i(), l("div", {
+        e.vocSearch ? (l(), i("div", re, [
+          (l(!0), i(C, null, S(p(g), (t) => (l(), i("div", {
             key: t,
             class: "position-relative"
           }, [
-            t.active ? (i(), l("label", re, [
-              d(" Search the vocabulary "),
-              L(c("input", {
+            t.active ? (l(), i("label", ce, [
+              d(m(e.$te("message.dataupload.datasets.accessRights.placeholder") ? e.$t("message.dataupload.datasets.accessRights.placeholder") : "Choose type of vocabulary") + " ", 1),
+              A(c("input", {
                 id: "I3",
                 type: "text",
-                "onUpdate:modelValue": a[5] || (a[5] = (r) => g(s) ? s.value = r : s = r),
+                "onUpdate:modelValue": a[5] || (a[5] = (r) => b(o) ? o.value = r : o = r),
                 class: "selectInputField formkit-inner",
                 placeholder: t.item,
                 onClick: a[6] || (a[6] = (r) => {
-                  m("showVocEntries"), g(s) ? s.value = "" : s = "";
+                  h("showVocEntries"), b(o) ? o.value = "" : o = "";
                 })
-              }, null, 8, ce), [
-                [B, p(s)]
+              }, null, 8, de), [
+                [q, p(o)]
               ])
-            ])) : h("", !0),
+            ])) : y("", !0),
             d(),
-            p(o).third && t.active ? (i(), l("ul", {
+            p(s).third && t.active ? (l(), i("ul", {
               key: 1,
               ref_for: !0,
               ref_key: "I3",
-              ref: R,
+              ref: V,
               class: "spatialListUpload"
             }, [
-              (i(!0), l(w, null, x(p(k), (r) => (i(), l("li", {
+              (l(!0), i(C, null, S(p(k), (r) => (l(), i("li", {
                 key: r,
                 class: "p-2 border-b border-gray-200 choosableItemsAC",
                 onClick: (u) => {
-                  n.context.node.input(r), g(s) ? s.value = r.name : s = r.name, m("showVocEntries"), p(o).third = !1, F();
+                  n.context.node.input(r), b(o) ? o.value = r.name : o = r.name, h("showVocEntries"), p(s).third = !1, F();
                 }
-              }, b(r.name), 9, de))), 128))
-            ], 512)) : h("", !0)
+              }, m(r.name), 9, ue))), 128))
+            ], 512)) : y("", !0)
           ]))), 128))
-        ])) : h("", !0)
+        ])) : y("", !0)
       ]))
     ]));
   }
-}), ke = /* @__PURE__ */ X(pe, [["__scopeId", "data-v-0e6763cf"]]);
+}), Ie = /* @__PURE__ */ X(fe, [["__scopeId", "data-v-ae82dba1"]]);
 export {
-  ke as default
+  Ie as default
 };
 //# sourceMappingURL=SpatialInput.vue.mjs.map

package/dist/data-provider-interface/components/SpatialInput.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SpatialInput.vue.mjs","sources":["../../../lib/data-provider-interface/components/SpatialInput.vue"],"sourcesContent":["<script setup>\n\nimport { ref, reactive, watch, computed, onBeforeMount, onMounted, nextTick } from 'vue';\nimport { useStore } from 'vuex';\nimport { getTranslationFor } from \"../../utils/helpers\";\nimport { onClickOutside } from '@vueuse/core'\nimport { getCurrentInstance } from \"vue\";\nimport { useRoute } from 'vue-router';\n\nlet instance = getCurrentInstance().appContext.app.config.globalProperties.$env\nlet route = useRoute();\n\nconst props = defineProps({\n    context: Object,\n})\n// let listOfVoc: [{ item: 'Country', active: false }, { item: 'Place', active: false }, { item: 'Continent', active: false }],\nlet listOfVoc = ref([])\nlet inputText = ref({})\nlet voc = ref({})\nlet matches = ref({})\nlet manURL = ref({})\nconst store = useStore();\n\nif (props.context.attrs.identifier === 'politicalGeocodingURI') {\n    listOfVoc.value.push({ item: 'Municipality Key', active: false }, { item: 'Regional Key', active: false }, { item: 'Municipal Association Key', active: false }, { item: 'District Key', active: false }, { item: 'Government District Key', active: false }, { item: 'State Key', active: false })\n\n}\nif (props.context.attrs.identifier === 'spatial') {\n    listOfVoc.value.push({ item: 'Country', active: false }, { item: 'Place', active: false }, { item: 'Continent', active: false })\n}\n\nwatch(inputText, async () => {\n    getAutocompleteSuggestions();\n})\nwatch(voc, async () => {\n    voc.value = voc.value.toLowerCase();\n})\nwatch(manURL, async () => {\n    props.context.node.input({ 'name': manURL, 'resource': manURL })\n})\nonMounted(async () => {\n    matches = [{ name: '--- Type in anything for a live search of the vocabulary ---', resource: 'invalid' }]\n\n    await nextTick()\n    // DOM loaded\n    if (props.context.value.name === undefined || props.context.value.name === \"\") {\n        showTable.activeValue = false\n    } else showTable.activeValue = true\n    // console.log(showTable.activeValue);\n\n});\n\nfunction closeAll() {\n    listOfVoc.value.forEach(element => {\n        element.active = false;\n    });\n}\nfunction removeProperty(e) {\n    //   props.context.value = {}\n    showTable.activeValue = false\n    props.context.node.input({})\n}\nfunction saveToLocal(el) {\n\n    let pathToLocalStorage = JSON.parse(localStorage.getItem(`dpi_${route.params.property}`));\n    let arr\n    if (props.context.attrs.identifier === 'politicalGeocodingURI') {\n        arr = pathToLocalStorage.Advised['dcatde:politicalGeocodingURI'];\n    }\n    else arr = pathToLocalStorage.Advised['dct:spatial'];\n\n    arr.forEach((element, index) => {\n        if (Object.keys(element).length === 0) {\n            arr.splice(index, 1)\n        }\n    })\n    arr.push(props.context.node._value)\n    if (props.context.attrs.identifier === 'politicalGeocodingURI') {\n        pathToLocalStorage.Advised['dcatde:politicalGeocodingURI'] = arr\n    }\n    else pathToLocalStorage.Advised['dct:spatial'] = arr\n\n    localStorage.setItem(`dpi_${route.params.property}`, JSON.stringify(pathToLocalStorage))\n}\nconst getAutocompleteSuggestions = async () => {\n    let vocCache = voc.value\n\n    if (props.context.attrs.identifier === 'politicalGeocodingURI') {\n\n        vocCache = 'political-geocoding-' + vocCache.toLowerCase().replaceAll(\" \", '-')\n\n        try {\n            let text = inputText.value;\n            await store.dispatch('dpiStore/requestAutocompleteSuggestions', { voc: vocCache, text: text, base: instance.api.baseUrl }).then((response) => {\n                const results = response.data.result.results.map((r) => ({\n                    name: getTranslationFor(r.alt_label, 'en', []) + \" (\" + r.id + \")\",\n                    resource: r.resource,\n                }));\n                matches = results;\n            });\n        } catch (error) {\n        }\n    }\n    else {\n        try {\n            let text = inputText.value;\n            await store.dispatch('dpiStore/requestAutocompleteSuggestions', { voc: vocCache, text: text, base: instance.api.baseUrl }).then((response) => {\n                const results = response.data.result.results.map((r) => ({\n                    name: getTranslationFor(r.pref_label, 'en', []) + \" (\" + r.id + \")\",\n                    resource: r.resource,\n                }));\n                matches = results;\n            });\n        } catch (error) {\n        }\n    }\n\n}\n\nvar showTable = reactive({\n    first: false,\n    second: false,\n    third: false,\n    activeValue: false\n})\n\nconst I1 = ref(null);\nconst I2 = ref(null);\nconst I3 = ref(null);\n\nonClickOutside(I1, event => showTable.first = false)\nonClickOutside(I2, event => showTable.second = false)\nonClickOutside(I3, event => showTable.third = false)\nfunction activeInput(e) {\n\n    // console.log('in', showTable);\n    if (e === \"showTable\") showTable.first = !showTable.first;\n    if (e === \"showVocTable\") showTable.second = !showTable.second;\n    if (e === \"showVocEntries\") {\n        if (showTable.third === true) {\n        }\n        else showTable.third = !showTable.third;\n    }\n}\nfunction manURLInput(e) {\n    props.context.node.input({ 'name': e.target.value, 'resource': e.target.value })\n}\n// console.log(voc);\n</script>\n\n<template>\n    <div class=\"d-flex flex-column w-100 spatialWrap\">\n        <div class=\"d-flex formkit-inner mx-3 mb-3\" v-if=\"!props.context.attrs.multiple && showTable.activeValue\">\n            <!-- <div class=\"infoI\">\n                <div class=\"tooltipFormkit\">{{ props.context.attrs.info }}</div>\n            </div> -->\n            <a class=\"autocompleteInputSingleValue \">{{ props.context.value.name }}</a>\n            <div class=\"removeX\" @click=\"removeProperty\"></div>\n        </div>\n        <div v-else>\n            <div class=\" w-100 d-flex\">\n                <div class=\"d-flex position-relative m-3 w-100\">\n                    <input id=\"I1\" type=\"text\" class=\"selectInputField formkit-inner\" readonly=\"readonly\"\n                        :placeholder=\"$t('message.dataupload.info.preferredInput')\"\n                        @click=\"activeInput('showTable')\" />\n                    <ul ref=\"I1\" v-show=\"showTable.first\" class=\"spatialListUpload\">\n                        <li @click=\"activeInput('showTable'); man = true; if (vocSearch) { vocSearch = false; };\"\n                            class=\"p-2 border-b border-gray-200 choosableItemsAC\">\n                            {{ $t('message.dataupload.datasets.conditional.manually') }}\n                        </li>\n                        <li @click=\"activeInput('showTable'); vocSearch = true; if (man) { man = false }\"\n                            class=\"p-2 border-b border-gray-200 choosableItemsAC\">\n                            {{ $t('message.dataupload.datasets.conditional.vocabulary') }}\n                        </li>\n                    </ul>\n                </div>\n                <div v-if=\"man\" class=\"d-flex position-relative m-3 w-100\">\n                    <label class=\"w-100\"> Provide an URL\n                        <input type=\"URL\" class=\"selectInputField formkit-inner\" placeholder=\"URL\"\n                            @input=\"manURLInput($event)\">\n                    </label>\n                </div>\n                <div v-if=\"vocSearch\" class=\"d-flex position-relative m-3 w-100\">\n                    <label class=\"w-100\"> Choose type of vocabulary\n                        <input id=\"I2\" type=\"text\" class=\"selectInputField formkit-inner\" readonly=\"readonly\"\n                            placeholder=\"Search the vocabulary\" @click=\"activeInput('showVocTable');\">\n                    </label>\n                    <ul ref=\"I2\" v-if=\"showTable.second\" class=\"spatialListUpload\">\n                        <li v-for=\"el in listOfVoc\" :key=\"el\" class=\"p-2 border-b border-gray-200 choosableItemsAC\"\n                            @click=\" closeAll(); el.active = !el.active; activeInput('showVocTable'); inputText = ''; voc = el.item\">\n                            {{ el.item }}</li>\n                    </ul>\n                </div>\n            </div>\n            <div class=\"m-3\" v-if=\"vocSearch\">\n                <div v-for=\"el in listOfVoc\" :key=\"el\" class=\"position-relative\">\n                    <label class=\"w-100\" v-if=\"el.active\"> Search the vocabulary <input id=\"I3\" type=\"text\"\n                            v-model=\"inputText\" class=\"selectInputField formkit-inner\" :placeholder=\"el.item\"\n                            @click=\"activeInput('showVocEntries'); inputText = ''\">\n                    </label>\n                    <ul ref=\"I3\" v-if=\"showTable.third && el.active\" class=\"spatialListUpload\">\n                        <li v-for=\"el in matches\" :key=\"el\" class=\"p-2 border-b border-gray-200 choosableItemsAC\"\n                            @click=\"props.context.node.input(el); inputText = el.name; activeInput('showVocEntries'); showTable.third = false; saveToLocal(el)\">\n                            {{ el.name }}</li>\n                    </ul>\n                </div>\n\n            </div>\n\n        </div>\n    </div>\n</template>\n\n<script>\n\nexport default {\n    data() {\n        return {\n            man: false,\n            vocSearch: false,\n        }\n    },\n\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.spatialWrap label {\n    font-family: var(--fk-font-family-label);\n    font-size: var(--fk-font-size-label);\n    font-weight: var(--fk-font-weight-label);\n    line-height: var(--fk-line-height-label);\n}\n\n.spatialWrap {\n    .spatialListUpload {\n        width: 100%;\n        left: 0;\n        top: 78px;\n    }\n}\n</style>\n"],"names":["__default__","instance","getCurrentInstance","route","useRoute","props","__props","listOfVoc","ref","inputText","voc","matches","manURL","store","useStore","watch","getAutocompleteSuggestions","onMounted","nextTick","showTable","closeAll","element","removeProperty","saveToLocal","el","pathToLocalStorage","arr","index","vocCache","text","response","r","getTranslationFor","reactive","I1","I2","I3","onClickOutside","event","activeInput","manURLInput"],"mappings":"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"}
+{"version":3,"file":"SpatialInput.vue.mjs","sources":["../../../lib/data-provider-interface/components/SpatialInput.vue"],"sourcesContent":["<script setup>\n\nimport { ref, reactive, watch, computed, onBeforeMount, onMounted, nextTick } from 'vue';\nimport { useStore } from 'vuex';\nimport { getTranslationFor } from \"../../utils/helpers\";\nimport { onClickOutside } from '@vueuse/core'\nimport { getCurrentInstance } from \"vue\";\nimport { useRoute } from 'vue-router';\n\nlet instance = getCurrentInstance().appContext.app.config.globalProperties.$env\nlet route = useRoute();\n\nconst props = defineProps({\n    context: Object,\n})\n// let listOfVoc: [{ item: 'Country', active: false }, { item: 'Place', active: false }, { item: 'Continent', active: false }],\nlet listOfVoc = ref([])\nlet inputText = ref({})\nlet voc = ref({})\nlet matches = ref({})\nlet manURL = ref({})\nconst store = useStore();\n\nif (props.context.attrs.identifier === 'politicalGeocodingURI') {\n    listOfVoc.value.push({ item: 'Municipality Key', active: false }, { item: 'Regional Key', active: false }, { item: 'Municipal Association Key', active: false }, { item: 'District Key', active: false }, { item: 'Government District Key', active: false }, { item: 'State Key', active: false })\n\n}\nif (props.context.attrs.identifier === 'spatial') {\n    listOfVoc.value.push({ item: 'Country', active: false }, { item: 'Place', active: false }, { item: 'Continent', active: false })\n}\n\nwatch(inputText, async () => {\n    getAutocompleteSuggestions();\n})\nwatch(voc, async () => {\n    voc.value = voc.value.toLowerCase();\n})\nwatch(manURL, async () => {\n    props.context.node.input({ 'name': manURL, 'resource': manURL })\n})\nonMounted(async () => {\n    matches = [{ name: '--- Type in anything for a live search of the vocabulary ---', resource: 'invalid' }]\n\n    await nextTick()\n    // DOM loaded\n    if (props.context.value.name === undefined || props.context.value.name === \"\") {\n        showTable.activeValue = false\n    } else showTable.activeValue = true\n    // console.log(showTable.activeValue);\n\n});\n\nfunction closeAll() {\n    listOfVoc.value.forEach(element => {\n        element.active = false;\n    });\n}\nfunction removeProperty(e) {\n    //   props.context.value = {}\n    showTable.activeValue = false\n    props.context.node.input({})\n}\nfunction saveToLocal(el) {\n\n    let pathToLocalStorage = JSON.parse(localStorage.getItem(`dpi_${route.params.property}`));\n    let arr\n    if (props.context.attrs.identifier === 'politicalGeocodingURI') {\n        arr = pathToLocalStorage.Advised['dcatde:politicalGeocodingURI'];\n    }\n    else arr = pathToLocalStorage.Advised['dct:spatial'];\n\n    arr.forEach((element, index) => {\n        if (Object.keys(element).length === 0) {\n            arr.splice(index, 1)\n        }\n    })\n    arr.push(props.context.node._value)\n    if (props.context.attrs.identifier === 'politicalGeocodingURI') {\n        pathToLocalStorage.Advised['dcatde:politicalGeocodingURI'] = arr\n    }\n    else pathToLocalStorage.Advised['dct:spatial'] = arr\n\n    localStorage.setItem(`dpi_${route.params.property}`, JSON.stringify(pathToLocalStorage))\n}\nconst getAutocompleteSuggestions = async () => {\n    let vocCache = voc.value\n\n    if (props.context.attrs.identifier === 'politicalGeocodingURI') {\n\n        vocCache = 'political-geocoding-' + vocCache.toLowerCase().replaceAll(\" \", '-')\n\n        try {\n            let text = inputText.value;\n            await store.dispatch('dpiStore/requestAutocompleteSuggestions', { voc: vocCache, text: text, base: instance.api.baseUrl }).then((response) => {\n                const results = response.data.result.results.map((r) => ({\n                    name: getTranslationFor(r.alt_label, 'en', []) + \" (\" + r.id + \")\",\n                    resource: r.resource,\n                }));\n                matches = results;\n            });\n        } catch (error) {\n        }\n    }\n    else {\n        try {\n            let text = inputText.value;\n            await store.dispatch('dpiStore/requestAutocompleteSuggestions', { voc: vocCache, text: text, base: instance.api.baseUrl }).then((response) => {\n                const results = response.data.result.results.map((r) => ({\n                    name: getTranslationFor(r.pref_label, 'en', []) + \" (\" + r.id + \")\",\n                    resource: r.resource,\n                }));\n                matches = results;\n            });\n        } catch (error) {\n        }\n    }\n\n}\n\nvar showTable = reactive({\n    first: false,\n    second: false,\n    third: false,\n    activeValue: false\n})\n\nconst I1 = ref(null);\nconst I2 = ref(null);\nconst I3 = ref(null);\n\nonClickOutside(I1, event => showTable.first = false)\nonClickOutside(I2, event => showTable.second = false)\nonClickOutside(I3, event => showTable.third = false)\nfunction activeInput(e) {\n\n    // console.log('in', showTable);\n    if (e === \"showTable\") showTable.first = !showTable.first;\n    if (e === \"showVocTable\") showTable.second = !showTable.second;\n    if (e === \"showVocEntries\") {\n        if (showTable.third === true) {\n        }\n        else showTable.third = !showTable.third;\n    }\n}\nfunction manURLInput(e) {\n    props.context.node.input({ 'name': e.target.value, 'resource': e.target.value })\n}\n// console.log(voc);\n</script>\n\n<template>\n    <div class=\"d-flex flex-column w-100 spatialWrap\">\n        <div class=\"d-flex formkit-inner mx-3 mb-3\" v-if=\"!props.context.attrs.multiple && showTable.activeValue\">\n            <!-- <div class=\"infoI\">\n                <div class=\"tooltipFormkit\">{{ props.context.attrs.info }}</div>\n            </div> -->\n            <a class=\"autocompleteInputSingleValue \">{{ props.context.value.name }}</a>\n            <div class=\"removeX\" @click=\"removeProperty\"></div>\n        </div>\n        <div v-else>\n            <div class=\" w-100 d-flex\">\n                <div class=\"d-flex position-relative m-3 w-100\">\n                    <input id=\"I1\" type=\"text\" class=\"selectInputField formkit-inner\" readonly=\"readonly\"\n                        :placeholder=\"$t('message.dataupload.info.preferredInput')\"\n                        @click=\"activeInput('showTable')\" />\n                    <ul ref=\"I1\" v-show=\"showTable.first\" class=\"spatialListUpload\">\n                        <li @click=\"activeInput('showTable'); man = true; if (vocSearch) { vocSearch = false; };\"\n                            class=\"p-2 border-b border-gray-200 choosableItemsAC\">\n                            {{ $t('message.dataupload.datasets.conditional.manually') }}\n                        </li>\n                        <li @click=\"activeInput('showTable'); vocSearch = true; if (man) { man = false }\"\n                            class=\"p-2 border-b border-gray-200 choosableItemsAC\">\n                            {{ $t('message.dataupload.datasets.conditional.vocabulary') }}\n                        </li>\n                    </ul>\n                </div>\n                <div v-if=\"man\" class=\"d-flex position-relative m-3 w-100\">\n                    <label class=\"w-100\">\n                        <!-- todo: I borrowed this from another input. Maybe refactor? -->\n                        {{ $te('message.dataupload.datasets.isReferencedByUrl.placeholder') ? $t('message.dataupload.datasets.isReferencedByUrl.placeholder') : 'Provide an URL' }}\n                        <input type=\"URL\" class=\"selectInputField formkit-inner\" placeholder=\"URL\"\n                            @input=\"manURLInput($event)\">\n                    </label>\n                </div>\n                <div v-if=\"vocSearch\" class=\"d-flex position-relative m-3 w-100\">\n                    <!-- todo: I borrowed this from another input. Maybe refactor? -->\n                    <label class=\"w-100\"> {{ $te('message.dataupload.datasets.contributorType.placeholder') ? $t('message.dataupload.datasets.contributorType.placeholder') : 'Choose type of vocabulary' }} \n                        <input id=\"I2\" type=\"text\" class=\"selectInputField formkit-inner\" readonly=\"readonly\"\n                            :placeholder=\"$te('message.dataupload.datasets.accessRights.placeholder') ? $t('message.dataupload.datasets.accessRights.placeholder') : 'Choose type of vocabulary'\" @click=\"activeInput('showVocTable');\">\n                    </label>\n                    <ul ref=\"I2\" v-if=\"showTable.second\" class=\"spatialListUpload\">\n                        <li v-for=\"el in listOfVoc\" :key=\"el\" class=\"p-2 border-b border-gray-200 choosableItemsAC\"\n                            @click=\" closeAll(); el.active = !el.active; activeInput('showVocTable'); inputText = ''; voc = el.item\">\n                            {{ el.item }}</li>\n                    </ul>\n                </div>\n            </div>\n            <div class=\"m-3\" v-if=\"vocSearch\">\n                <div v-for=\"el in listOfVoc\" :key=\"el\" class=\"position-relative\">\n                    <label class=\"w-100\" v-if=\"el.active\">\n                    <!-- todo: I borrowed this from another input. Maybe refactor? -->\n                    {{ $te('message.dataupload.datasets.accessRights.placeholder') ? $t('message.dataupload.datasets.accessRights.placeholder') : 'Choose type of vocabulary' }} \n                        <input id=\"I3\" type=\"text\"\n                            v-model=\"inputText\" class=\"selectInputField formkit-inner\" :placeholder=\"el.item\"\n                            @click=\"activeInput('showVocEntries'); inputText = ''\"\n                        >\n                    </label>\n                    <ul ref=\"I3\" v-if=\"showTable.third && el.active\" class=\"spatialListUpload\">\n                        <li v-for=\"el in matches\" :key=\"el\" class=\"p-2 border-b border-gray-200 choosableItemsAC\"\n                            @click=\"props.context.node.input(el); inputText = el.name; activeInput('showVocEntries'); showTable.third = false; saveToLocal(el)\">\n                            {{ el.name }}</li>\n                    </ul>\n                </div>\n\n            </div>\n\n        </div>\n    </div>\n</template>\n\n<script>\n\nexport default {\n    data() {\n        return {\n            man: false,\n            vocSearch: false,\n        }\n    },\n\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.spatialWrap label {\n    font-family: var(--fk-font-family-label);\n    font-size: var(--fk-font-size-label);\n    font-weight: var(--fk-font-weight-label);\n    line-height: var(--fk-line-height-label);\n}\n\n.spatialWrap {\n    .spatialListUpload {\n        width: 100%;\n        left: 0;\n        top: 78px;\n    }\n}\n</style>\n"],"names":["__default__","instance","getCurrentInstance","route","useRoute","props","__props","listOfVoc","ref","inputText","voc","matches","manURL","store","useStore","watch","getAutocompleteSuggestions","onMounted","nextTick","showTable","closeAll","element","removeProperty","saveToLocal","el","pathToLocalStorage","arr","index","vocCache","text","response","r","getTranslationFor","reactive","I1","I2","I3","onClickOutside","event","activeInput","manURLInput"],"mappings":"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"}

package/dist/data-provider-interface/composables/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useDpiContext';
+export * from './useDpiStepper';

package/dist/data-provider-interface/composables/useDpiContext.d.ts

@@ -0,0 +1,17 @@
+import { ComputedRef, InjectionKey, MaybeRefOrGetter } from 'vue';
+
+export interface DpiSpecification {
+    pageConent?: object;
+    inputDefinition: object;
+    prefixes: object;
+    formatTypes: object;
+    vocabPrefixes: object;
+}
+export interface DpiContext {
+    specification: DpiSpecification;
+    specificationName: string;
+}
+export type ComputedDpiContext = ComputedRef<DpiContext>;
+export declare const dpiContextKey: InjectionKey<ComputedDpiContext>;
+export declare function useDpiContext(): ComputedDpiContext;
+export declare function setupDpiContext(context: MaybeRefOrGetter<DpiContext>): void;

package/dist/data-provider-interface/composables/useDpiContext.mjs

@@ -0,0 +1,19 @@
+import { getCurrentInstance as n, inject as i, provide as r, computed as u, toValue as p } from "vue";
+const o = Symbol("dpiContext");
+function c() {
+  if (!n())
+    throw new Error("[useDpiContext] useDpiContext must be used inside a setup function");
+  const e = i(o);
+  if (!e)
+    throw new Error("[useDpiContext] DPI Context not found. Did you forget to inject it?");
+  return e;
+}
+function x(t) {
+  r(o, u(() => p(t)));
+}
+export {
+  o as dpiContextKey,
+  x as setupDpiContext,
+  c as useDpiContext
+};
+//# sourceMappingURL=useDpiContext.mjs.map

package/dist/data-provider-interface/composables/useDpiContext.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDpiContext.mjs","sources":["../../../lib/data-provider-interface/composables/useDpiContext.ts"],"sourcesContent":["import { FormKitLibrary } from \"@formkit/core\"\nimport { computed, ComputedRef, getCurrentInstance, inject, InjectionKey, MaybeRefOrGetter, provide, toValue } from \"vue\"\n\nexport interface DpiSpecification {\n  pageConent?: object\n  inputDefinition: object\n  prefixes: object\n  formatTypes: object\n  vocabPrefixes: object\n}\n\nexport interface DpiContext {\n  specification: DpiSpecification\n  specificationName: string\n}\n\nexport type ComputedDpiContext = ComputedRef<DpiContext>\n\nexport const dpiContextKey: InjectionKey<ComputedDpiContext> = Symbol('dpiContext')\n\nexport function useDpiContext(): ComputedDpiContext {\n  const vm = getCurrentInstance();\n  if (!vm) throw new Error('[useDpiContext] useDpiContext must be used inside a setup function')\n\n  const dpiContext = inject(dpiContextKey)\n\n  if (!dpiContext) {\n    throw new Error('[useDpiContext] DPI Context not found. Did you forget to inject it?')\n  }\n\n  return dpiContext\n}\n\nexport function setupDpiContext(context: MaybeRefOrGetter<DpiContext>) {\n  provide(dpiContextKey, computed(() => toValue(context)))\n}"],"names":["dpiContextKey","useDpiContext","getCurrentInstance","dpiContext","inject","setupDpiContext","context","provide","computed","toValue"],"mappings":";AAkBa,MAAAA,IAAkD,OAAO,YAAY;AAE3E,SAASC,IAAoC;AAElD,MAAI,CADOC;AACI,UAAA,IAAI,MAAM,oEAAoE;AAEvF,QAAAC,IAAaC,EAAOJ,CAAa;AAEvC,MAAI,CAACG;AACG,UAAA,IAAI,MAAM,qEAAqE;AAGhF,SAAAA;AACT;AAEO,SAASE,EAAgBC,GAAuC;AACrE,EAAAC,EAAQP,GAAeQ,EAAS,MAAMC,EAAQH,CAAO,CAAC,CAAC;AACzD;"}

package/dist/data-provider-interface/composables/useDpiEditMode.d.ts

@@ -0,0 +1,16 @@
+import { DpiContext } from './useDpiContext';
+import { MaybeRefOrGetter } from 'vue';
+
+/**
+ * Use this composable in the DataProviderInterface to fetch a dataset from the Hub API and
+ * convert it to a form input via localStorage. This composable is used when the user navigates to a dataset
+ * by clicking on the "Edit" on the DatasetDetails page or in DraftsPage
+ *
+ *
+ * @param dpiContext - The DPI context as returned by `useDpiContext`.
+ * @returns The computed properties described above.
+ */
+export declare function useDpiEditMode(dpiContext: MaybeRefOrGetter<DpiContext>): {
+    isReady: import('vue').ComputedRef<boolean>;
+    error: import('vue').Ref<unknown>;
+};

package/dist/data-provider-interface/composables/useDpiEditMode.mjs

@@ -0,0 +1,41 @@
+import { useRoute as h } from "vue-router";
+import { computed as o } from "vue";
+import { useStore as g } from "vuex";
+import { useRuntimeEnv as y } from "../../composables/useRuntimeEnv.mjs";
+import { useAsyncState as v } from "../../external/@vueuse/core/index";
+import { watchOnce as D } from "../../external/@vueuse/shared/index";
+function M(I) {
+  const e = h(), t = g(), s = y(), r = o(() => e.query.id), u = o(() => e.query.fromDraft || t.getters["auth/getIsDraft"]), n = o(() => {
+    var i;
+    const a = u.value, m = (i = t.getters["auth/getUserData"]) == null ? void 0 : i.rtpToken, f = e.params.property, l = e.params.id;
+    return t.dispatch("auth/setIsEditMode", !0), t.dispatch("auth/setIsDraft", a), { endpoint: a ? `${s.api.hubUrl}drafts/datasets/${r.value}.nt?catalogue=${e.query.catalog}` : e.params.property === "catalogues" ? `${s.api.hubUrl}catalogues/${e.query.catalog}.nt` : `${s.api.hubUrl}datasets/${r.value}.nt?useNormalizedId=true`, token: m, property: f, id: l };
+  }), { execute: c, isLoading: d, error: p } = v(
+    async () => await t.dispatch(
+      "dpiStore/convertToInput",
+      n.value
+    ),
+    void 0,
+    {
+      immediate: !1
+    }
+  );
+  return D(
+    r,
+    () => {
+      if (!r.value)
+        return;
+      const a = u.value;
+      t.dispatch("auth/setIsEditMode", !0), t.dispatch("auth/setIsDraft", a), c();
+    },
+    {
+      immediate: !0
+    }
+  ), {
+    isReady: o(() => !!t.getters["dpiStore/getSpecificationName"] && !d.value),
+    error: p
+  };
+}
+export {
+  M as useDpiEditMode
+};
+//# sourceMappingURL=useDpiEditMode.mjs.map

package/dist/data-provider-interface/composables/useDpiEditMode.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDpiEditMode.mjs","sources":["../../../lib/data-provider-interface/composables/useDpiEditMode.ts"],"sourcesContent":["import { useRoute } from \"vue-router\";\nimport { type DpiContext } from \"./useDpiContext\";\nimport { computed, MaybeRefOrGetter } from \"vue\";\nimport { useStore } from \"vuex\";\nimport { useRuntimeEnv } from \"../../composables/useRuntimeEnv\";\nimport { useAsyncState, watchOnce } from \"@vueuse/core\";\n\n  /**\n   * Use this composable in the DataProviderInterface to fetch a dataset from the Hub API and\n   * convert it to a form input via localStorage. This composable is used when the user navigates to a dataset\n   * by clicking on the \"Edit\" on the DatasetDetails page or in DraftsPage\n   *\n   *\n   * @param dpiContext - The DPI context as returned by `useDpiContext`.\n   * @returns The computed properties described above.\n   */\nexport function useDpiEditMode(dpiContext: MaybeRefOrGetter<DpiContext>) {\n  const route = useRoute();\n  const store = useStore();\n  const env = useRuntimeEnv();\n\n  const editIdQuery = computed(() => {\n    return route.query.id;\n  });\n\n  const editFromDraft = computed(() => {\n    return route.query.fromDraft || store.getters[\"auth/getIsDraft\"];\n  });\n\n  const requestParams = computed(() => {\n    const isDraft = editFromDraft.value;\n    const token = store.getters[\"auth/getUserData\"]?.rtpToken;\n    const property = route.params.property;\n    const id = route.params.id;\n\n    store.dispatch(\"auth/setIsEditMode\", true);\n    store.dispatch(\"auth/setIsDraft\", isDraft);\n\n    const endpoint = isDraft\n      ? `${env.api.hubUrl}drafts/datasets/${editIdQuery.value}.nt?catalogue=${route.query.catalog}`\n      : route.params.property === \"catalogues\"\n      ? `${env.api.hubUrl}catalogues/${route.query.catalog}.nt`\n      : `${env.api.hubUrl}datasets/${editIdQuery.value}.nt?useNormalizedId=true`;\n    return { endpoint, token, property, id };\n  });\n\n  const { execute, isLoading, error } = useAsyncState(\n    async () => {\n      return await store.dispatch(\n        \"dpiStore/convertToInput\",\n        requestParams.value\n      );\n    },\n    undefined,\n    {\n      immediate: false,\n    }\n  );\n\n  watchOnce(\n    editIdQuery,\n    () => {\n      if (!editIdQuery.value) return;\n      const isDraft = editFromDraft.value;\n      store.dispatch(\"auth/setIsEditMode\", true);\n      store.dispatch(\"auth/setIsDraft\", isDraft);\n      execute();\n    },\n    {\n      immediate: true,\n    }\n  );\n\n  // Ensure dpiStore contains a specification before rendering the input page.\n  // Maybe it's not needed but better safe than sorry.\n  const isReady = computed(() => {\n    return !!store.getters[\"dpiStore/getSpecificationName\"] && !isLoading.value;\n  });\n\n  return {\n    isReady,\n    error,\n  }\n}\n"],"names":["useDpiEditMode","dpiContext","route","useRoute","store","useStore","env","useRuntimeEnv","editIdQuery","computed","editFromDraft","requestParams","isDraft","token","_a","property","id","execute","isLoading","error","useAsyncState","watchOnce"],"mappings":";;;;;;AAgBO,SAASA,EAAeC,GAA0C;AACvE,QAAMC,IAAQC,KACRC,IAAQC,KACRC,IAAMC,KAENC,IAAcC,EAAS,MACpBP,EAAM,MAAM,EACpB,GAEKQ,IAAgBD,EAAS,MACtBP,EAAM,MAAM,aAAaE,EAAM,QAAQ,iBAAiB,CAChE,GAEKO,IAAgBF,EAAS,MAAM;;AACnC,UAAMG,IAAUF,EAAc,OACxBG,KAAQC,IAAAV,EAAM,QAAQ,kBAAkB,MAAhC,gBAAAU,EAAmC,UAC3CC,IAAWb,EAAM,OAAO,UACxBc,IAAKd,EAAM,OAAO;AAElB,WAAAE,EAAA,SAAS,sBAAsB,EAAI,GACnCA,EAAA,SAAS,mBAAmBQ,CAAO,GAOlC,EAAE,UALQA,IACb,GAAGN,EAAI,IAAI,MAAM,mBAAmBE,EAAY,KAAK,iBAAiBN,EAAM,MAAM,OAAO,KACzFA,EAAM,OAAO,aAAa,eAC1B,GAAGI,EAAI,IAAI,MAAM,cAAcJ,EAAM,MAAM,OAAO,QAClD,GAAGI,EAAI,IAAI,MAAM,YAAYE,EAAY,KAAK,4BAC/B,OAAAK,GAAO,UAAAE,GAAU,IAAAC,EAAG;AAAA,EAAA,CACxC,GAEK,EAAE,SAAAC,GAAS,WAAAC,GAAW,OAAAC,EAAU,IAAAC;AAAA,IACpC,YACS,MAAMhB,EAAM;AAAA,MACjB;AAAA,MACAO,EAAc;AAAA,IAAA;AAAA,IAGlB;AAAA,IACA;AAAA,MACE,WAAW;AAAA,IACb;AAAA,EAAA;AAGF,SAAAU;AAAA,IACEb;AAAA,IACA,MAAM;AACJ,UAAI,CAACA,EAAY;AAAO;AACxB,YAAMI,IAAUF,EAAc;AACxB,MAAAN,EAAA,SAAS,sBAAsB,EAAI,GACnCA,EAAA,SAAS,mBAAmBQ,CAAO,GACjCK;IACV;AAAA,IACA;AAAA,MACE,WAAW;AAAA,IACb;AAAA,EAAA,GASK;AAAA,IACL,SALcR,EAAS,MAChB,CAAC,CAACL,EAAM,QAAQ,+BAA+B,KAAK,CAACc,EAAU,KACvE;AAAA,IAIC,OAAAC;AAAA,EAAA;AAEJ;"}