@piveau/piveau-hub-ui-modules 4.1.7 → 4.1.9

package/dist/data-provider-interface/views/DraftsPage.vue.mjs

@@ -1,23 +1,25 @@
-import { mapGetters as v, mapActions as D } from "vuex";
-import f from "jquery";
-import I from "../../widgets/AppLink.vue.mjs";
+import { mapGetters as w, mapActions as _ } from "vuex";
+import h from "jquery";
+import k from "../../widgets/AppLink.vue.mjs";
 import "lodash-es";
 import "axios";
 import "../../utils/helpers.mjs";
 import "@rdfjs/dataset";
 import "n3";
-import { resolveComponent as k, openBlock as u, createElementBlock as h, createTextVNode as a, createElementVNode as e, Fragment as P, renderList as C, toDisplayString as _, createVNode as d, withCtx as c, withDirectives as x, vModelText as L, createCommentVNode as g, pushScopeId as U, popScopeId as q } from "vue";
+import { useRuntimeEnv as I } from "../../composables/useRuntimeEnv.mjs";
+import { resolveComponent as v, openBlock as b, createElementBlock as y, createTextVNode as a, createElementVNode as t, Fragment as P, renderList as x, toDisplayString as m, createVNode as i, withCtx as l, createStaticVNode as C, pushScopeId as L, popScopeId as S } from "vue";
 import "./DraftsPage.vue2.mjs";
-import R from "../../_virtual/_plugin-vue_export-helper.mjs";
-const S = {
+import T from "../../_virtual/_plugin-vue_export-helper.mjs";
+const $ = {
   props: [],
   components: {
-    AppLink: I
+    AppLink: k
   },
   data() {
     return {
+      env: I(),
       values: {},
-      isDuplication: !1,
+      isDuplication: localStorage.getItem("dpi_duplicate"),
       duplicatedID: "",
       modalProps: {
         loading: !1,
@@ -27,7 +29,7 @@ const S = {
     };
   },
   computed: {
-    ...v("auth", [
+    ...w("auth", [
       "getUserDrafts",
       "getUserData"
     ]),
@@ -36,66 +38,65 @@ const S = {
     }
   },
   methods: {
-    ...D("auth", [
+    ..._("auth", [
       "setIsDraft",
       "updateUserDrafts",
       "setIsEditMode"
     ]),
-    ...D("snackbar", [
+    ..._("snackbar", [
       "showSnackbar"
     ]),
-    ...D("dpiStore", [
+    ..._("dpiStore", [
       "convertToRDF",
       "clearAll",
       "convertToInput"
       // 'deleteDistribution',
       // 'setDeleteDistributionInline',
     ]),
-    createLinkedMetricsURL(t, s, m) {
+    createLinkedMetricsURL(e, o, u) {
       return {
-        path: `/dpi/draft/${t}.${m}`,
+        path: `/dpi/draft/${e}.${u}`,
         query: {
           useNormalizedId: !0,
           locale: this.$route.query.locale,
-          catalogue: s
+          catalogue: o
         }
       };
     },
-    handleEdit(t, s) {
-      this.setIsDraft(!0), this.$router.push({ name: "DataProviderInterface-Edit", params: { catalog: s, property: "datasets", id: t }, query: { locale: this.$route.query.locale } }).catch(() => {
+    handleEdit(e, o) {
+      this.setIsDraft(!0), localStorage.removeItem("dpi_duplicate"), this.$router.push({ name: "DataProviderInterface-Edit", params: { catalog: o, property: "datasets", id: e }, query: { locale: this.$route.query.locale } }).catch(() => {
       });
     },
-    async handleDelete(t, s) {
-      await this.doRequest("auth/deleteUserDraftById", { id: t, catalog: s }), f("#modal").modal("hide"), this.showSnackbar({
+    async handleDelete(e, o) {
+      await this.doRequest("auth/deleteUserDraftById", { id: e, catalog: o }), h("#modal").modal("hide"), this.showSnackbar({
         message: "Draft successfully deleted",
         variant: "success"
       });
     },
-    async handlePublish(t, s) {
-      await this.doRequest("auth/publishUserDraftById", { id: t, catalog: s }), f("#modal").modal("hide"), this.showSnackbar({
+    async handlePublish(e, o) {
+      await this.doRequest("auth/publishUserDraftById", { id: e, catalog: o }), h("#modal").modal("hide"), this.showSnackbar({
         message: "Draft successfully published",
         variant: "success"
-      }), this.$router.push({ name: "DatasetDetailsDataset", params: { ds_id: t }, query: { locale: this.$route.query.locale } }).catch(() => {
+      }), this.$router.push({ name: "DatasetDetailsDataset", params: { ds_id: e }, query: { locale: this.$route.query.locale } }).catch(() => {
       }), setTimeout(() => {
-        this.$router.go();
+        localStorage.removeItem("dpi_duplicate"), this.$router.go();
       });
     },
-    handleConfirmPublish(t, s) {
-      this.isDuplication = !1, this.modalProps.message = "Are you sure you want to publish this draft?", this.modalProps.confirm = () => this.handlePublish(t, s), f("#modal").modal("show");
+    handleConfirmPublish(e, o) {
+      this.modalProps.message = "Are you sure you want to publish this draft?", this.modalProps.confirm = () => this.handlePublish(e, o), h("#modal").modal("show"), localStorage.removeItem("dpi_duplicate");
     },
-    handleConfirmDelete(t, s) {
-      this.isDuplication = !1, this.modalProps.message = "Are you sure you want to delete this draft?", this.modalProps.confirm = () => this.handleDelete(t, s), f("#modal").modal("show");
+    handleConfirmDelete(e, o) {
+      this.modalProps.message = "Are you sure you want to delete this draft?", this.modalProps.confirm = () => this.handleDelete(e, o), h("#modal").modal("show"), localStorage.removeItem("dpi_duplicate");
     },
-    handleConfirmDuplication(t, s) {
-      this.setIsDraft(!0), this.$router.push({ name: "DataProviderInterface-Edit", params: { catalog: s, property: "datasets", id: t }, query: { locale: this.$route.query.locale } }).catch(() => {
-      }), setTimeout(() => {
-        this.setIsEditMode(!1);
+    handleConfirmDuplication(e, o) {
+      this.setIsDraft(!0), localStorage.setItem("dpi_duplicate", !0), this.$router.push({ name: "DataProviderInterface-Edit", params: { catalog: o, property: "datasets", id: e }, query: { locale: this.$route.query.locale } }).catch(() => {
+        console.log(error);
       });
     },
-    async doRequest(t, { id: s, newId: m, catalog: b, url: l, token: r }) {
+    async doRequest(e, { id: o, newId: u, catalog: g, url: p, token: r }) {
       this.$Progress.start(), this.modalProps.loading = !0;
       try {
-        await this.$store.dispatch(t, { id: s, newId: m, catalog: b, url: l, token: r }), this.$Progress.finish();
+        await this.$store.dispatch(e, { id: o, newId: u, catalog: g, url: p, token: r }), this.$Progress.finish();
       } catch (n) {
         this.showSnackbar({
           message: n.message,
@@ -109,42 +110,77 @@ const S = {
   created() {
     this.updateUserDrafts();
   }
-}, p = (t) => (U("data-v-711c3caf"), t = t(), q(), t), $ = { class: "d-flex flex-column bg-transparent container-fluid justify-content-between content" }, M = /* @__PURE__ */ p(() => /* @__PURE__ */ e("h1", { class: "small-headline text-center" }, "Draft datasets", -1)), T = { class: "d-flex align-items-center justify-content-center" }, E = { class: "table w-75" }, N = /* @__PURE__ */ p(() => /* @__PURE__ */ e("thead", null, [
-  /* @__PURE__ */ e("tr", null, [
-    /* @__PURE__ */ e("th", { scope: "col" }, "Dataset ID"),
+}, c = (e) => (L("data-v-232fc6d8"), e = e(), S(), e), U = { class: "d-flex flex-column bg-transparent container-fluid justify-content-between content draftWrapper" }, R = /* @__PURE__ */ c(() => /* @__PURE__ */ t("div", { class: "d-flex mt-3" }, [
+  /* @__PURE__ */ t("div", { class: "logoDPIPiveau" }, [
+    /* @__PURE__ */ t("h2", null, "DPI"),
+    /* @__PURE__ */ a(),
+    /* @__PURE__ */ t("div", { class: "dpiLogoSeperator" }),
+    /* @__PURE__ */ a(),
+    /* @__PURE__ */ t("h4", {
+      class: "",
+      style: { width: "200px" }
+    }, "Draft Datasets")
+  ])
+], -1)), q = /* @__PURE__ */ C(`<div class="infoBox" data-v-232fc6d8><div class="d-flex" data-v-232fc6d8><svg xmlns="http://www.w3.org/2000/svg" width="30px" height="30px" fill="currentColor" class="bi bi-info-circle mr-3 mb-3 infoboxI" viewBox="0 0 16 16" data-v-232fc6d8><path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16" data-v-232fc6d8></path> <path d="m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0" data-v-232fc6d8></path></svg> <p data-v-232fc6d8><b data-v-232fc6d8>This page provides a comprehensive interface for
+            managing your dataset drafts effectively.</b> <br data-v-232fc6d8><br data-v-232fc6d8>
+          You can download your datasets in <b data-v-232fc6d8>various formats</b>, ensuring compatibility with different data analysis
+          tools and platforms. Whether you need JSON-LD, RDF/XML, Turtle, NOTATION3 or N-Triples this page allows
+          you
+          to easily access and
+          download your data.
+          <br data-v-232fc6d8><br data-v-232fc6d8> <b data-v-232fc6d8>Editing drafts</b> is straightforward; simply select a draft to modify its contents. This feature enables
+          you
+          to
+          update and refine your datasets, ensuring they meet your requirements and standards.
+          <br data-v-232fc6d8><br data-v-232fc6d8>
+          If you need to create variations or backups of your dataset drafts, the <b data-v-232fc6d8>duplication feature</b> allows you
+          to
+          effortlessly make copies. This can be useful for testing different data scenarios or preserving original
+          versions
+          before making significant changes.
+          <br data-v-232fc6d8><br data-v-232fc6d8>
+          For drafts that are no longer needed or relevant, the <b data-v-232fc6d8>deletion option </b>helps you keep your workspace
+          organized by
+          removing unnecessary drafts. Manage your dataset drafts efficiently and keep your data management process
+          streamlined with the tools provided on this page.
+        </p></div></div>`, 1), M = { class: "d-flex align-items-center justify-content-center" }, N = { class: "table" }, A = /* @__PURE__ */ c(() => /* @__PURE__ */ t("thead", null, [
+  /* @__PURE__ */ t("tr", null, [
+    /* @__PURE__ */ t("th", { scope: "col" }, "Dataset ID"),
     /* @__PURE__ */ a(),
-    /* @__PURE__ */ e("th", { scope: "col" }, "Catalogue ID"),
+    /* @__PURE__ */ t("th", { scope: "col" }, "Catalogue ID"),
     /* @__PURE__ */ a(),
-    /* @__PURE__ */ e("th", { scope: "col" }, "Actions")
+    /* @__PURE__ */ t("th", { scope: "col" }, "Actions")
   ])
-], -1)), A = ["data-cy"], V = { class: "buttonWrapper" }, B = {
+], -1)), E = ["data-cy"], B = { class: "w33" }, F = { class: "w33" }, O = { class: "buttonWrapper" }, V = {
   type: "button",
-  class: "btn btn-secondary"
-}, F = ["title"], j = {
+  class: "btn btn-secondary dropDownWrap"
+}, W = ["title"], j = {
   class: "dropdown-menu dropdown-menu-right",
   "aria-labelledby": "linkedDataDropdown"
-}, O = /* @__PURE__ */ p(() => /* @__PURE__ */ e("div", { class: "px-2 py-1" }, "RDF/XML", -1)), z = /* @__PURE__ */ p(() => /* @__PURE__ */ e("div", { class: "px-2 py-1" }, "Turtle", -1)), G = /* @__PURE__ */ p(() => /* @__PURE__ */ e("div", { class: "px-2 py-1" }, "Notation3", -1)), J = /* @__PURE__ */ p(() => /* @__PURE__ */ e("div", { class: "px-2 py-1" }, "N-Triples", -1)), W = /* @__PURE__ */ p(() => /* @__PURE__ */ e("div", { class: "px-2 py-1" }, "JSON-LD", -1)), X = ["onClick"], H = ["onClick"], K = ["onClick"], Q = ["onClick"], Y = { key: 1 };
-function Z(t, s, m, b, l, r) {
-  const n = k("app-link"), w = k("app-confirmation-dialog");
-  return u(), h("div", $, [
-    M,
+}, z = /* @__PURE__ */ c(() => /* @__PURE__ */ t("div", { class: "px-2 py-1" }, "RDF/XML", -1)), J = /* @__PURE__ */ c(() => /* @__PURE__ */ t("div", { class: "px-2 py-1" }, "Turtle", -1)), X = /* @__PURE__ */ c(() => /* @__PURE__ */ t("div", { class: "px-2 py-1" }, "Notation3", -1)), G = /* @__PURE__ */ c(() => /* @__PURE__ */ t("div", { class: "px-2 py-1" }, "N-Triples", -1)), Y = /* @__PURE__ */ c(() => /* @__PURE__ */ t("div", { class: "px-2 py-1" }, "JSON-LD", -1)), H = ["onClick"], K = ["onClick"], Q = ["onClick"], Z = ["onClick"];
+function tt(e, o, u, g, p, r) {
+  const n = v("app-link"), D = v("app-confirmation-dialog");
+  return b(), y("div", U, [
+    R,
+    a(),
+    q,
     a(),
-    e("div", T, [
-      e("table", E, [
-        N,
+    t("div", M, [
+      t("table", N, [
+        A,
         a(),
-        e("tbody", null, [
-          (u(!0), h(P, null, C(t.getUserDrafts, ({ id: o, catalog: i }) => (u(), h("tr", {
-            key: `draft@${o}`,
-            "data-cy": `draft@${o}`
+        t("tbody", null, [
+          (b(!0), y(P, null, x(e.getUserDrafts, ({ id: s, catalog: d }) => (b(), y("tr", {
+            key: `draft@${s}`,
+            "data-cy": `draft@${s}`
           }, [
-            e("td", null, _(o), 1),
+            t("td", B, m(s), 1),
             a(),
-            e("td", null, _(i), 1),
+            t("td", F, m(d), 1),
             a(),
-            e("td", V, [
-              e("button", B, [
-                d(n, {
+            t("td", O, [
+              t("button", V, [
+                i(n, {
                   class: "dropdown-toggle text-nowrap text-decoration-none",
                   fragment: "#",
                   role: "button",
@@ -153,130 +189,118 @@ function Z(t, s, m, b, l, r) {
                   "aria-haspopup": "true",
                   "aria-expanded": "false"
                 }, {
-                  default: c(() => [
-                    e("span", {
-                      title: t.$t("message.metadata.linkedData"),
+                  default: l(() => [
+                    t("span", {
+                      title: e.$t("message.metadata.linkedData"),
                       "data-toggle": "tooltip",
                       "data-placement": "top"
-                    }, _(t.$t("message.metadata.linkedData")), 9, F)
+                    }, m(e.$t("message.metadata.linkedData")), 9, W)
                   ]),
                   _: 1
                 }),
                 a(),
-                e("div", j, [
-                  d(n, {
-                    to: r.createLinkedMetricsURL(o, i, "rdf"),
+                t("div", j, [
+                  i(n, {
+                    to: r.createLinkedMetricsURL(s, d, "rdf"),
                     target: "_blank",
                     class: "dropdown-item"
                   }, {
-                    default: c(() => [
-                      O
+                    default: l(() => [
+                      z
                     ]),
                     _: 2
                   }, 1032, ["to"]),
                   a(),
-                  d(n, {
-                    to: r.createLinkedMetricsURL(o, i, "ttl"),
+                  i(n, {
+                    to: r.createLinkedMetricsURL(s, d, "ttl"),
                     target: "_blank",
                     class: "dropdown-item"
                   }, {
-                    default: c(() => [
-                      z
+                    default: l(() => [
+                      J
                     ]),
                     _: 2
                   }, 1032, ["to"]),
                   a(),
-                  d(n, {
-                    to: r.createLinkedMetricsURL(o, i, "n3"),
+                  i(n, {
+                    to: r.createLinkedMetricsURL(s, d, "n3"),
                     target: "_blank",
                     class: "dropdown-item"
                   }, {
-                    default: c(() => [
-                      G
+                    default: l(() => [
+                      X
                     ]),
                     _: 2
                   }, 1032, ["to"]),
                   a(),
-                  d(n, {
-                    to: r.createLinkedMetricsURL(o, i, "nt"),
+                  i(n, {
+                    to: r.createLinkedMetricsURL(s, d, "nt"),
                     target: "_blank",
                     class: "dropdown-item"
                   }, {
-                    default: c(() => [
-                      J
+                    default: l(() => [
+                      G
                     ]),
                     _: 2
                   }, 1032, ["to"]),
                   a(),
-                  d(n, {
-                    to: r.createLinkedMetricsURL(o, i, "jsonld"),
+                  i(n, {
+                    to: r.createLinkedMetricsURL(s, d, "jsonld"),
                     target: "_blank",
                     class: "dropdown-item"
                   }, {
-                    default: c(() => [
-                      W
+                    default: l(() => [
+                      Y
                     ]),
                     _: 2
                   }, 1032, ["to"])
                 ])
               ]),
               a(),
-              e("button", {
+              t("button", {
                 type: "button",
                 class: "btn btn-secondary",
-                onClick: (y) => r.handleEdit(o, i)
-              }, "Edit", 8, X),
+                onClick: (f) => r.handleEdit(s, d)
+              }, "Edit", 8, H),
               a(),
-              e("button", {
+              t("button", {
                 type: "button",
                 class: "btn btn-primary",
-                onClick: (y) => r.handleConfirmPublish(o, i)
-              }, "Publish", 8, H),
+                onClick: (f) => r.handleConfirmPublish(s, d)
+              }, "Publish", 8, K),
               a(),
-              e("button", {
+              t("button", {
                 type: "button",
                 class: "btn btn-primary",
-                onClick: (y) => r.handleConfirmDuplication(o, i)
-              }, "Duplicate", 8, K),
+                onClick: (f) => r.handleConfirmDuplication(s, d)
+              }, "Duplicate", 8, Q),
               a(),
-              e("button", {
+              t("button", {
                 type: "button",
                 class: "btn btn-danger",
-                onClick: (y) => r.handleConfirmDelete(o, i)
-              }, "Delete", 8, Q)
+                onClick: (f) => r.handleConfirmDelete(s, d)
+              }, "Delete", 8, Z)
             ])
-          ], 8, A))), 128))
+          ], 8, E))), 128))
         ])
       ])
     ]),
     a(),
-    d(w, {
+    i(D, {
       id: "modal",
       confirm: "Confirm",
-      loading: l.modalProps.loading,
-      onConfirm: l.modalProps.confirm
+      loading: p.modalProps.loading,
+      onConfirm: p.modalProps.confirm
     }, {
-      default: c(() => [
-        a(_(l.modalProps.message) + " ", 1),
-        l.isDuplication ? x((u(), h("input", {
-          key: 0,
-          placeholder: "Set new ID",
-          type: "text",
-          class: "m-3 formkit-input d-inline newIdField",
-          "onUpdate:modelValue": s[0] || (s[0] = (o) => l.duplicatedID = o),
-          required: ""
-        }, null, 512)), [
-          [L, l.duplicatedID]
-        ]) : g("", !0),
-        a(),
-        l.isDuplication ? (u(), h("p", Y, 'Only lowercase characters and "-" are allowed')) : g("", !0)
+      default: l(() => [
+        a(m(p.modalProps.message), 1)
       ]),
       _: 1
     }, 8, ["loading", "onConfirm"])
   ]);
 }
-const pt = /* @__PURE__ */ R(S, [["render", Z], ["__scopeId", "data-v-711c3caf"]]);
+const ht = /* @__PURE__ */ T($, [["render", tt], ["__scopeId", "data-v-232fc6d8"]]);
 export {
-  pt as default
+  ht as default
 };
 //# sourceMappingURL=DraftsPage.vue.mjs.map

package/dist/data-provider-interface/views/DraftsPage.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DraftsPage.vue.mjs","sources":["../../../lib/data-provider-interface/views/DraftsPage.vue"],"sourcesContent":["<template>\n  <!-- TODO Add a Mobile Version of that overview (pref with Icons)-->\n  <div class=\"d-flex flex-column bg-transparent container-fluid justify-content-between content \">\n    <h1 class=\"small-headline text-center\">Draft datasets</h1>\n    <div class=\"d-flex align-items-center justify-content-center\">\n      <table class=\"table w-75\">\n        <thead>\n          <tr>\n            <th scope=\"col\">Dataset ID</th>\n            <th scope=\"col\">Catalogue ID</th>\n            <th scope=\"col\">Actions</th>\n          </tr>\n        </thead>\n        <tbody>\n          <tr v-for=\"{ id, catalog } in getUserDrafts\" :key=\"`draft@${id}`\" :data-cy=\"`draft@${id}`\">\n            <td>{{ id }}</td>\n            <td>{{ catalog }}</td>\n            <td class=\"buttonWrapper\">\n              <button type=\"button\" class=\"btn btn-secondary\">\n                <app-link class=\"dropdown-toggle text-nowrap text-decoration-none\" fragment=\"#\" role=\"button\"\n                  id=\"linkedDataDropdown\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\n                  <span :title=\"$t('message.metadata.linkedData')\" data-toggle=\"tooltip\" data-placement=\"top\">\n                    {{ $t('message.metadata.linkedData') }}\n                  </span>\n                </app-link>\n                <div class=\"dropdown-menu dropdown-menu-right\" aria-labelledby=\"linkedDataDropdown\">\n                  <app-link :to=\"createLinkedMetricsURL(id, catalog, 'rdf')\" target=\"_blank\" class=\"dropdown-item\">\n                    <div class=\"px-2 py-1\">RDF/XML</div>\n                  </app-link>\n                  <app-link :to=\"createLinkedMetricsURL(id, catalog, 'ttl')\" target=\"_blank\" class=\"dropdown-item\">\n                    <div class=\"px-2 py-1\">Turtle</div>\n                  </app-link>\n                  <app-link :to=\"createLinkedMetricsURL(id, catalog, 'n3')\" target=\"_blank\" class=\"dropdown-item\">\n                    <div class=\"px-2 py-1\">Notation3</div>\n                  </app-link>\n                  <app-link :to=\"createLinkedMetricsURL(id, catalog, 'nt')\" target=\"_blank\" class=\"dropdown-item\">\n                    <div class=\"px-2 py-1\">N-Triples</div>\n                  </app-link>\n                  <app-link :to=\"createLinkedMetricsURL(id, catalog, 'jsonld')\" target=\"_blank\" class=\"dropdown-item\">\n                    <div class=\"px-2 py-1\">JSON-LD</div>\n                  </app-link>\n\n                </div>\n              </button>\n              <button type=\"button\" class=\"btn btn-secondary\" @click=\"handleEdit(id, catalog)\">Edit</button>\n              <button type=\"button\" class=\"btn btn-primary\" @click=\"handleConfirmPublish(id, catalog)\">Publish</button>\n              <button type=\"button\" class=\"btn btn-primary\"\n                @click=\"handleConfirmDuplication(id, catalog)\">Duplicate</button>\n              <button type=\"button\" class=\"btn btn-danger\" @click=\"handleConfirmDelete(id, catalog)\">Delete</button>\n\n            </td>\n          </tr>\n        </tbody>\n      </table>\n    </div>\n\n    <app-confirmation-dialog id=\"modal\" confirm=\"Confirm\" :loading=\"modalProps.loading\" @confirm=\"modalProps.confirm\">\n      {{ modalProps.message }}\n      <input v-if=\"isDuplication\" placeholder=\"Set new ID\" type=\"text\" class=\"m-3 formkit-input d-inline newIdField\"\n        v-model=\"duplicatedID\" required>\n      <p v-if=\"isDuplication\">Only lowercase characters and \"-\" are allowed</p>\n    </app-confirmation-dialog>\n  </div>\n</template>\n\n<script>\nimport { mapActions, mapGetters } from 'vuex';\nimport $ from 'jquery';\nimport AppLink from \"../../widgets/AppLink.vue\";\nimport { isNil } from 'lodash';\nimport axios from 'axios';\nimport generalHelper from '../utils/general-helper.js'\nimport datasetFactory from '@rdfjs/dataset';\nimport N3 from 'n3';\n\nexport default {\n  props: [],\n  components: {\n    AppLink\n  },\n  data() {\n    return {\n      values: {},\n      isDuplication: false,\n      duplicatedID: '',\n      modalProps: {\n        loading: false,\n        message: 'Are you sure you want to delete this draft?',\n        confirm: () => null,\n      },\n    };\n  },\n  computed: {\n    ...mapGetters('auth', [\n      'getUserDrafts',\n      'getUserData',\n      \n    ]),\n    token() {\n      return this.getUserData.rtpToken;\n    },\n  },\n  methods: {\n    ...mapActions('auth', [\n      'setIsDraft',\n      'updateUserDrafts',\n      'setIsEditMode',\n    ]),\n    ...mapActions('snackbar', [\n      'showSnackbar',\n    ]),\n    ...mapActions('dpiStore', [\n      'convertToRDF',\n      'clearAll',\n      'convertToInput',\n      // 'deleteDistribution',\n      // 'setDeleteDistributionInline',\n    ]),\n    createLinkedMetricsURL(id, catalog, format) {\n      return {\n        path: `/dpi/draft/${id}.${format}`,\n        query: {\n          useNormalizedId: true,\n          locale: this.$route.query.locale,\n          catalogue: catalog,\n        },\n      };\n    },\n    handleEdit(id, catalog) {\n      this.setIsDraft(true);\n      this.$router.push({ name: 'DataProviderInterface-Edit', params: { catalog, property: 'datasets', id }, query: { locale: this.$route.query.locale } }).catch(() => { });\n    },\n    async handleDelete(id, catalog) {\n      await this.doRequest('auth/deleteUserDraftById', { id, catalog });\n      $('#modal').modal('hide');\n      this.showSnackbar({\n        message: 'Draft successfully deleted',\n        variant: 'success',\n      });\n    },\n    async handlePublish(id, catalog) {\n      await this.doRequest('auth/publishUserDraftById', { id, catalog });\n      $('#modal').modal('hide');\n      this.showSnackbar({\n        message: 'Draft successfully published',\n        variant: 'success',\n      });\n      this.$router.push({ name: 'DatasetDetailsDataset', params: { ds_id: id }, query: { locale: this.$route.query.locale } }).catch(() => { });\n      setTimeout(() => {\n        this.$router.go();\n      });\n    },\n    handleConfirmPublish(id, catalog) {\n      this.isDuplication = false;\n      this.modalProps.message = 'Are you sure you want to publish this draft?';\n      this.modalProps.confirm = () => this.handlePublish(id, catalog);\n      $('#modal').modal('show');\n    },\n    handleConfirmDelete(id, catalog) {\n      this.isDuplication = false;\n      this.modalProps.message = 'Are you sure you want to delete this draft?';\n      this.modalProps.confirm = () => this.handleDelete(id, catalog);\n      $('#modal').modal('show');\n    },\n    handleConfirmDuplication(id, catalog) {\n    \n      this.setIsDraft(true);\n      this.$router.push({ name: 'DataProviderInterface-Edit', params: { catalog, property: 'datasets', id }, query: { locale: this.$route.query.locale } }).catch(() => { });\n      setTimeout(() => {\n        this.setIsEditMode(false);\n      });\n    },\n    async doRequest(action, { id, newId, catalog, url, token }) {\n      this.$Progress.start();\n      this.modalProps.loading = true;\n      try {\n        await this.$store.dispatch(action, { id, newId, catalog, url, token });\n        this.$Progress.finish();\n      } catch (ex) {\n        // Show snackbar\n        this.showSnackbar({\n          message: ex.message,\n          color: 'error',\n        });\n        this.$Progress.fail();\n      } finally {\n        await new Promise(resolve => setTimeout(resolve, 500));\n        this.modalProps.loading = false;\n      }\n    },\n  },\n  created() {\n    this.updateUserDrafts();\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n@media (min-width: 1140px) {}\n\n.nav-link {\n  text-decoration: underline;\n}\n\n.active {\n  text-decoration: none;\n  font-weight: 700;\n}\n\n.dropdown-item {\n  &:active {\n    background-color: #868e96;\n  }\n}\n\n#linkedDataDropdown {\n  color: #FFFFFF;\n}\n\n.buttonWrapper button {\n  margin: 0.2rem;\n}\n\n.newIdField {\n  margin: 1rem 0 !important;\n\n  box-shadow: none;\n  border-radius: 0;\n  border-bottom: 1px solid #001D85;\n  transition: all 100ms ease-in-out;\n}\n</style>\n"],"names":["_sfc_main","AppLink","mapGetters","mapActions","id","catalog","format","$","action","newId","url","token","ex","resolve","_hoisted_1","_hoisted_2","_withScopeId","_createElementVNode","_hoisted_3","_hoisted_4","_createTextVNode","_hoisted_6","_hoisted_7","_hoisted_9","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","_openBlock","_createElementBlock","_hoisted_5","_Fragment","_renderList","_ctx","_hoisted_8","_createVNode","_component_app_link","_withCtx","_toDisplayString","_hoisted_10","$options","$event","_component_app_confirmation_dialog","$data","_cache","_createCommentVNode","_hoisted_20"],"mappings":";;;;;;;;;;;AA2EA,MAAKA,IAAU;AAAA,EACb,OAAO,CAAE;AAAA,EACT,YAAY;AAAA,IACV,SAAAC;AAAA,EACD;AAAA,EACD,OAAO;AACL,WAAO;AAAA,MACL,QAAQ,CAAE;AAAA,MACV,eAAe;AAAA,MACf,cAAc;AAAA,MACd,YAAY;AAAA,QACV,SAAS;AAAA,QACT,SAAS;AAAA,QACT,SAAS,MAAM;AAAA,MAChB;AAAA;EAEJ;AAAA,EACD,UAAU;AAAA,IACR,GAAGC,EAAW,QAAQ;AAAA,MACpB;AAAA,MACA;AAAA,IAEF,CAAC;AAAA,IACD,QAAQ;AACN,aAAO,KAAK,YAAY;AAAA,IACzB;AAAA,EACF;AAAA,EACD,SAAS;AAAA,IACP,GAAGC,EAAW,QAAQ;AAAA,MACpB;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAAA,IACD,GAAGA,EAAW,YAAY;AAAA,MACxB;AAAA,IACF,CAAC;AAAA,IACD,GAAGA,EAAW,YAAY;AAAA,MACxB;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA,IAGF,CAAC;AAAA,IACD,uBAAuBC,GAAIC,GAASC,GAAQ;AAC1C,aAAO;AAAA,QACL,MAAM,cAAcF,CAAE,IAAIE,CAAM;AAAA,QAChC,OAAO;AAAA,UACL,iBAAiB;AAAA,UACjB,QAAQ,KAAK,OAAO,MAAM;AAAA,UAC1B,WAAWD;AAAA,QACZ;AAAA;IAEJ;AAAA,IACD,WAAWD,GAAIC,GAAS;AACtB,WAAK,WAAW,EAAI,GACpB,KAAK,QAAQ,KAAK,EAAE,MAAM,8BAA8B,QAAQ,EAAE,SAAAA,GAAS,UAAU,YAAY,IAAAD,EAAG,GAAG,OAAO,EAAE,QAAQ,KAAK,OAAO,MAAM,OAAO,EAAA,CAAG,EAAE,MAAM,MAAM;AAAA,MAAA,CAAG;AAAA,IACtK;AAAA,IACD,MAAM,aAAaA,GAAIC,GAAS;AAC9B,YAAM,KAAK,UAAU,4BAA4B,EAAE,IAAAD,GAAI,SAAAC,EAAQ,CAAC,GAChEE,EAAE,QAAQ,EAAE,MAAM,MAAM,GACxB,KAAK,aAAa;AAAA,QAChB,SAAS;AAAA,QACT,SAAS;AAAA,MACX,CAAC;AAAA,IACF;AAAA,IACD,MAAM,cAAcH,GAAIC,GAAS;AAC/B,YAAM,KAAK,UAAU,6BAA6B,EAAE,IAAAD,GAAI,SAAAC,EAAQ,CAAC,GACjEE,EAAE,QAAQ,EAAE,MAAM,MAAM,GACxB,KAAK,aAAa;AAAA,QAChB,SAAS;AAAA,QACT,SAAS;AAAA,MACX,CAAC,GACD,KAAK,QAAQ,KAAK,EAAE,MAAM,yBAAyB,QAAQ,EAAE,OAAOH,KAAM,OAAO,EAAE,QAAQ,KAAK,OAAO,MAAM,OAAS,EAAA,CAAC,EAAE,MAAM,MAAM;AAAA,MAAA,CAAG,GACxI,WAAW,MAAM;AACf,aAAK,QAAQ;MACf,CAAC;AAAA,IACF;AAAA,IACD,qBAAqBA,GAAIC,GAAS;AAChC,WAAK,gBAAgB,IACrB,KAAK,WAAW,UAAU,gDAC1B,KAAK,WAAW,UAAU,MAAM,KAAK,cAAcD,GAAIC,CAAO,GAC9DE,EAAE,QAAQ,EAAE,MAAM,MAAM;AAAA,IACzB;AAAA,IACD,oBAAoBH,GAAIC,GAAS;AAC/B,WAAK,gBAAgB,IACrB,KAAK,WAAW,UAAU,+CAC1B,KAAK,WAAW,UAAU,MAAM,KAAK,aAAaD,GAAIC,CAAO,GAC7DE,EAAE,QAAQ,EAAE,MAAM,MAAM;AAAA,IACzB;AAAA,IACD,yBAAyBH,GAAIC,GAAS;AAEpC,WAAK,WAAW,EAAI,GACpB,KAAK,QAAQ,KAAK,EAAE,MAAM,8BAA8B,QAAQ,EAAE,SAAAA,GAAS,UAAU,YAAY,IAAAD,EAAG,GAAG,OAAO,EAAE,QAAQ,KAAK,OAAO,MAAM,OAAO,EAAA,CAAG,EAAE,MAAM,MAAM;AAAA,MAAA,CAAG,GACrK,WAAW,MAAM;AACf,aAAK,cAAc,EAAK;AAAA,MAC1B,CAAC;AAAA,IACF;AAAA,IACD,MAAM,UAAUI,GAAQ,EAAE,IAAAJ,GAAI,OAAAK,GAAO,SAAAJ,GAAS,KAAAK,GAAK,OAAAC,KAAS;AAC1D,WAAK,UAAU,SACf,KAAK,WAAW,UAAU;AAC1B,UAAI;AACF,cAAM,KAAK,OAAO,SAASH,GAAQ,EAAE,IAAAJ,GAAI,OAAAK,GAAO,SAAAJ,GAAS,KAAAK,GAAK,OAAAC,EAAO,CAAA,GACrE,KAAK,UAAU;MACf,SAAOC,GAAI;AAEX,aAAK,aAAa;AAAA,UAChB,SAASA,EAAG;AAAA,UACZ,OAAO;AAAA,QACT,CAAC,GACD,KAAK,UAAU;MACjB,UAAU;AACR,cAAM,IAAI,QAAQ,CAAAC,MAAW,WAAWA,GAAS,GAAG,CAAC,GACrD,KAAK,WAAW,UAAU;AAAA,MAC5B;AAAA,IACD;AAAA,EACF;AAAA,EACD,UAAU;AACR,SAAK,iBAAgB;AAAA,EACtB;AACH,uDAhMOC,IAAA,EAAA,OAAM,oFAAoF,GAC7FC,IAAA,gBAAAC,EAAA,MAAAC,gBAAAA,EAA0D,MAAtD,EAAA,OAAM,gCAA6B,kBAAc,EAAA,CAAA,GAChDC,IAAA,EAAA,OAAM,mDAAkD,GACpDC,IAAA,EAAA,OAAM,aAAY,+BACvBF,gBAAAA,EAMQ,SAAA,MAAA;AAAA,EALNA,gBAAAA,EAIK,MAAA,MAAA;AAAA,IAHHA,gBAAAA,EAA+B,MAA3B,EAAA,OAAM,MAAK,GAAC,YAAU;AAAA,IARtCG,gBAAAA,EAAA;AAAA,IASYH,gBAAAA,EAAiC,MAA7B,EAAA,OAAM,MAAK,GAAC,cAAY;AAAA,IATxCG,gBAAAA,EAAA;AAAA,IAUYH,gBAAAA,EAA4B,MAAxB,EAAA,OAAM,MAAK,GAAC,SAAO;AAAA;SAVnCI,IAAA,CAAA,SAAA,GAiBgBC,IAAA,EAAA,OAAM,gBAAe;EACf,MAAK;AAAA,EAAS,OAAM;GAlB1CC,IAAA,CAAA,OAAA;EAyBqB,OAAM;AAAA,EAAoC,mBAAgB;GAE3DC,IAAA,gBAAAR,EAAA,MAAAC,gBAAAA,EAAoC,OAA/B,EAAA,OAAM,eAAY,WAAO,EAAA,CAAA,GAG9BQ,IAAA,gBAAAT,EAAA,MAAAC,gBAAAA,EAAmC,OAA9B,EAAA,OAAM,eAAY,UAAM,EAAA,CAAA,GAG7BS,IAAA,gBAAAV,EAAA,MAAAC,gBAAAA,EAAsC,OAAjC,EAAA,OAAM,eAAY,aAAS,EAAA,CAAA,GAGhCU,IAAA,gBAAAX,EAAA,MAAAC,gBAAAA,EAAsC,OAAjC,EAAA,OAAM,eAAY,aAAS,EAAA,CAAA,GAGhCW,IAAA,gBAAAZ,EAAA,MAAAC,gBAAAA,EAAoC,OAA/B,EAAA,OAAM,eAAY,WAAO,EAAA,CAAA,GAvClDY,IAAA,CAAA,SAAA,GAAAC,IAAA,CAAA,SAAA,GAAAC,IAAA,CAAA,SAAA,GAAAC,IAAA,CAAA,SAAA,SAAA,KAAA,EAAA;;;AAEE,SAAAC,EAAA,GAAAC,EA4DM,OA5DNpB,GA4DM;AAAA,IA3DJC;AAAA,IAHJK,EAAA;AAAA,IAIIH,EAkDM,OAlDNC,GAkDM;AAAA,MAjDJD,EAgDQ,SAhDRE,GAgDQ;AAAA,QA/CNgB;AAAA,QANRf,EAAA;AAAA,QAaQH,EAuCQ,SAAA,MAAA;AAAA,WAtCNgB,EAAA,EAAA,GAAAC,EAqCKE,SAnDfC,EAcwCC,EAAA,eAdxC,CAcuB,EAAA,IAAAlC,GAAI,SAAAC,EAAO,YAAxB6B,EAqCK,MAAA;AAAA,YArCyC,cAAc9B,CAAE;AAAA,YAAK,oBAAkBA,CAAE;AAAA;YACrFa,EAAiB,cAAVb,CAAE,GAAA,CAAA;AAAA,YAfrBgB,EAAA;AAAA,YAgBYH,EAAsB,cAAfZ,CAAO,GAAA,CAAA;AAAA,YAhB1Be,EAAA;AAAA,YAiBYH,EAiCK,MAjCLK,GAiCK;AAAA,cAhCHL,EAyBS,UAzBTsB,GAyBS;AAAA,gBAxBPC,EAKWC,GAAA;AAAA,kBALD,OAAM;AAAA,kBAAmD,UAAS;AAAA,kBAAI,MAAK;AAAA,kBACnF,IAAG;AAAA,kBAAqB,eAAY;AAAA,kBAAW,iBAAc;AAAA,kBAAO,iBAAc;AAAA;kBApBpG,SAAAC,EAqBkB,MAEO;AAAA,oBAFPzB,EAEO,QAAA;AAAA,sBAFA,OAAOqB,EAAE,GAAA,6BAAA;AAAA,sBAAiC,eAAY;AAAA,sBAAU,kBAAe;AAAA,oBACjF,GAAAK,EAAAL,EAAA,GAtBvB,6BAAA,CAAA,GAAA,GAAAf,CAAA;AAAA;kBAAA,GAAA;AAAA;gBAAAH,EAAA;AAAA,gBAyBgBH,EAiBM,OAjBN2B,GAiBM;AAAA,kBAhBJJ,EAEWC,GAAA;AAAA,oBAFA,IAAII,EAAA,uBAAuBzC,GAAIC,GAAO,KAAA;AAAA,oBAAU,QAAO;AAAA,oBAAS,OAAM;AAAA;oBA1BnG,SAAAqC,EA2BoB,MAAoC;AAAA,sBAApClB;AAAA;oBA3BpB,GAAA;AAAA;kBAAAJ,EAAA;AAAA,kBA6BkBoB,EAEWC,GAAA;AAAA,oBAFA,IAAII,EAAA,uBAAuBzC,GAAIC,GAAO,KAAA;AAAA,oBAAU,QAAO;AAAA,oBAAS,OAAM;AAAA;oBA7BnG,SAAAqC,EA8BoB,MAAmC;AAAA,sBAAnCjB;AAAA;oBA9BpB,GAAA;AAAA;kBAAAL,EAAA;AAAA,kBAgCkBoB,EAEWC,GAAA;AAAA,oBAFA,IAAII,EAAA,uBAAuBzC,GAAIC,GAAO,IAAA;AAAA,oBAAS,QAAO;AAAA,oBAAS,OAAM;AAAA;oBAhClG,SAAAqC,EAiCoB,MAAsC;AAAA,sBAAtChB;AAAA;oBAjCpB,GAAA;AAAA;kBAAAN,EAAA;AAAA,kBAmCkBoB,EAEWC,GAAA;AAAA,oBAFA,IAAII,EAAA,uBAAuBzC,GAAIC,GAAO,IAAA;AAAA,oBAAS,QAAO;AAAA,oBAAS,OAAM;AAAA;oBAnClG,SAAAqC,EAoCoB,MAAsC;AAAA,sBAAtCf;AAAA;oBApCpB,GAAA;AAAA;kBAAAP,EAAA;AAAA,kBAsCkBoB,EAEWC,GAAA;AAAA,oBAFA,IAAII,EAAA,uBAAuBzC,GAAIC,GAAO,QAAA;AAAA,oBAAa,QAAO;AAAA,oBAAS,OAAM;AAAA;oBAtCtG,SAAAqC,EAuCoB,MAAoC;AAAA,sBAApCd;AAAA;oBAvCpB,GAAA;AAAA;;;cAAAR,EAAA;AAAA,cA4CcH,EAA8F,UAAA;AAAA,gBAAtF,MAAK;AAAA,gBAAS,OAAM;AAAA,gBAAqB,SAAO,CAAA6B,MAAAD,EAAA,WAAWzC,GAAIC,CAAO;AAAA,cAAG,GAAA,QA5C/F,GAAAwB,CAAA;AAAA,cAAAT,EAAA;AAAA,cA6CcH,EAAyG,UAAA;AAAA,gBAAjG,MAAK;AAAA,gBAAS,OAAM;AAAA,gBAAmB,SAAO,CAAA6B,MAAAD,EAAA,qBAAqBzC,GAAIC,CAAO;AAAA,cAAG,GAAA,WA7CvG,GAAAyB,CAAA;AAAA,cAAAV,EAAA;AAAA,cA8CcH,EACmE,UAAA;AAAA,gBAD3D,MAAK;AAAA,gBAAS,OAAM;AAAA,gBACzB,SAAO,CAAA6B,MAAAD,EAAA,yBAAyBzC,GAAIC,CAAO;AAAA,cAAG,GAAA,aA/C/D,GAAA0B,CAAA;AAAA,cAAAX,EAAA;AAAA,cAgDcH,EAAsG,UAAA;AAAA,gBAA9F,MAAK;AAAA,gBAAS,OAAM;AAAA,gBAAkB,SAAO,CAAA6B,MAAAD,EAAA,oBAAoBzC,GAAIC,CAAO;AAAA,cAAG,GAAA,UAhDrG,GAAA2B,CAAA;AAAA;UAAA,GAAA,GAAAX,CAAA;;;;IAAAD,EAAA;AAAA,IAwDIoB,EAK0BO,GAAA;AAAA,MALD,IAAG;AAAA,MAAQ,SAAQ;AAAA,MAAW,SAASC,EAAU,WAAC;AAAA,MAAU,WAASA,EAAU,WAAC;AAAA;MAxD7G,SAAAN,EAyDM,MAAwB;AAAA,QAzD9BtB,EAAAuB,EAyDSK,EAAU,WAAC,OAAO,IAAG,KACxB,CAAA;AAAA,QAAaA,EAAa,wBAA1Bd,EACkC,SAAA;AAAA,UA3DxC,KAAA;AAAA,UA0DkC,aAAY;AAAA,UAAa,MAAK;AAAA,UAAO,OAAM;AAAA,UA1D7E,uBAAAe,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAH,MA2DiBE,EAAY,eAAAF;AAAA,UAAE,UAAA;AAAA;cAAdE,EAAY,YAAA;AAAA,aA3D7BE,EAAA,IAAA,EAAA;AAAA,QAAA9B,EAAA;AAAA,QA4De4B,EAAa,sBAAtBd,EAAyE,KA5D/EiB,GA4D8B,+CAA6C,KA5D3ED,EAAA,IAAA,EAAA;AAAA;MAAA,GAAA;AAAA;;;;"}
+{"version":3,"file":"DraftsPage.vue.mjs","sources":["../../../lib/data-provider-interface/views/DraftsPage.vue"],"sourcesContent":["<template>\n  <!-- TODO Add a Mobile Version of that overview (pref with Icons)-->\n  <div class=\"d-flex flex-column bg-transparent container-fluid justify-content-between content draftWrapper\">\n    <div class=\"d-flex mt-3\">\n\n      <div class=\"logoDPIPiveau\">\n        <!-- <img v-if=\"env.metadata.title != 'data.europa.eu'\"\n          src=\"data:image/png;base64,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\"\n          alt=\"Piveau Logo\">\n        <img v-else src=\"https://op.europa.eu/documents/d/global/logo-op-en\" alt=\"OP Logo\"> -->\n        <h2>DPI</h2>\n        <div class=\"dpiLogoSeperator\"></div>\n        <h4 class=\"\" style=\"width: 200px;\">Draft Datasets</h4>\n\n      </div>\n\n    </div>\n\n    <!-- todo Translate -->\n    <div class=\"infoBox\">\n\n      <div class=\"d-flex\">\n        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"30px\" height=\"30px\" fill=\"currentColor\"\n          class=\"bi bi-info-circle mr-3 mb-3 infoboxI \" viewBox=\"0 0 16 16\">\n          <path d=\"M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16\" />\n          <path\n            d=\"m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0\" />\n        </svg>\n        <p> <b>This page provides a comprehensive interface for\n            managing your dataset drafts effectively.</b>\n          <br><br>\n          You can download your datasets in <b>various formats</b>, ensuring compatibility with different data analysis\n          tools and platforms. Whether you need JSON-LD, RDF/XML, Turtle, NOTATION3 or N-Triples this page allows\n          you\n          to easily access and\n          download your data.\n          <br><br>\n          <b>Editing drafts</b> is straightforward; simply select a draft to modify its contents. This feature enables\n          you\n          to\n          update and refine your datasets, ensuring they meet your requirements and standards.\n          <br><br>\n          If you need to create variations or backups of your dataset drafts, the <b>duplication feature</b> allows you\n          to\n          effortlessly make copies. This can be useful for testing different data scenarios or preserving original\n          versions\n          before making significant changes.\n          <br><br>\n          For drafts that are no longer needed or relevant, the <b>deletion option </b>helps you keep your workspace\n          organized by\n          removing unnecessary drafts. Manage your dataset drafts efficiently and keep your data management process\n          streamlined with the tools provided on this page.\n        </p>\n      </div>\n\n    </div>\n    <div class=\"d-flex align-items-center justify-content-center\">\n      <table class=\"table\">\n        <thead>\n          <tr>\n            <th scope=\"col\">Dataset ID</th>\n            <th scope=\"col\">Catalogue ID</th>\n            <th scope=\"col\">Actions</th>\n          </tr>\n        </thead>\n        <tbody>\n          <tr v-for=\"{ id, catalog } in getUserDrafts\" :key=\"`draft@${id}`\" :data-cy=\"`draft@${id}`\">\n            <td class=\"w33\">{{ id }}</td>\n            <td class=\"w33\">{{ catalog }}</td>\n            <td class=\"buttonWrapper\">\n              <button type=\"button\" class=\"btn btn-secondary dropDownWrap\">\n                <app-link class=\"dropdown-toggle text-nowrap text-decoration-none\" fragment=\"#\" role=\"button\"\n                  id=\"linkedDataDropdown\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\n                  <span :title=\"$t('message.metadata.linkedData')\" data-toggle=\"tooltip\" data-placement=\"top\">\n                    {{ $t('message.metadata.linkedData') }}\n                  </span>\n                </app-link>\n                <div class=\"dropdown-menu dropdown-menu-right\" aria-labelledby=\"linkedDataDropdown\">\n                  <app-link :to=\"createLinkedMetricsURL(id, catalog, 'rdf')\" target=\"_blank\" class=\"dropdown-item\">\n                    <div class=\"px-2 py-1\">RDF/XML</div>\n                  </app-link>\n                  <app-link :to=\"createLinkedMetricsURL(id, catalog, 'ttl')\" target=\"_blank\" class=\"dropdown-item\">\n                    <div class=\"px-2 py-1\">Turtle</div>\n                  </app-link>\n                  <app-link :to=\"createLinkedMetricsURL(id, catalog, 'n3')\" target=\"_blank\" class=\"dropdown-item\">\n                    <div class=\"px-2 py-1\">Notation3</div>\n                  </app-link>\n                  <app-link :to=\"createLinkedMetricsURL(id, catalog, 'nt')\" target=\"_blank\" class=\"dropdown-item\">\n                    <div class=\"px-2 py-1\">N-Triples</div>\n                  </app-link>\n                  <app-link :to=\"createLinkedMetricsURL(id, catalog, 'jsonld')\" target=\"_blank\" class=\"dropdown-item\">\n                    <div class=\"px-2 py-1\">JSON-LD</div>\n                  </app-link>\n\n                </div>\n              </button>\n              <button type=\"button\" class=\"btn btn-secondary\" @click=\"handleEdit(id, catalog)\">Edit</button>\n              <button type=\"button\" class=\"btn btn-primary\" @click=\"handleConfirmPublish(id, catalog)\">Publish</button>\n              <button type=\"button\" class=\"btn btn-primary\"\n                @click=\"handleConfirmDuplication(id, catalog)\">Duplicate</button>\n              <button type=\"button\" class=\"btn btn-danger\" @click=\"handleConfirmDelete(id, catalog)\">Delete</button>\n\n            </td>\n          </tr>\n        </tbody>\n      </table>\n    </div>\n\n    <app-confirmation-dialog id=\"modal\" confirm=\"Confirm\" :loading=\"modalProps.loading\" @confirm=\"modalProps.confirm\">\n      {{ modalProps.message }}\n    </app-confirmation-dialog>\n  </div>\n</template>\n\n<script>\nimport { mapActions, mapGetters } from 'vuex';\nimport $ from 'jquery';\nimport AppLink from \"../../widgets/AppLink.vue\";\nimport { isNil } from 'lodash';\nimport axios from 'axios';\nimport generalHelper from '../utils/general-helper.js'\nimport datasetFactory from '@rdfjs/dataset';\nimport N3 from 'n3';\nimport { useRuntimeEnv } from \"../../composables/useRuntimeEnv.ts\";\n\nexport default {\n  props: [],\n  components: {\n    AppLink\n  },\n  data() {\n    return {\n      env: useRuntimeEnv(),\n      values: {},\n      isDuplication: localStorage.getItem('dpi_duplicate'),\n      duplicatedID: '',\n      modalProps: {\n        loading: false,\n        message: 'Are you sure you want to delete this draft?',\n        confirm: () => null,\n      },\n    };\n  },\n  computed: {\n    ...mapGetters('auth', [\n      'getUserDrafts',\n      'getUserData',\n\n    ]),\n    token() {\n      return this.getUserData.rtpToken;\n    },\n  },\n  methods: {\n    ...mapActions('auth', [\n      'setIsDraft',\n      'updateUserDrafts',\n      'setIsEditMode',\n    ]),\n    ...mapActions('snackbar', [\n      'showSnackbar',\n    ]),\n    ...mapActions('dpiStore', [\n      'convertToRDF',\n      'clearAll',\n      'convertToInput',\n      // 'deleteDistribution',\n      // 'setDeleteDistributionInline',\n    ]),\n    createLinkedMetricsURL(id, catalog, format) {\n      return {\n        path: `/dpi/draft/${id}.${format}`,\n        query: {\n          useNormalizedId: true,\n          locale: this.$route.query.locale,\n          catalogue: catalog,\n        },\n      };\n    },\n    handleEdit(id, catalog) {\n      this.setIsDraft(true);\n      localStorage.removeItem('dpi_duplicate')\n      this.$router.push({ name: 'DataProviderInterface-Edit', params: { catalog, property: 'datasets', id }, query: { locale: this.$route.query.locale } }).catch(() => { });\n    },\n    async handleDelete(id, catalog) {\n      await this.doRequest('auth/deleteUserDraftById', { id, catalog });\n      $('#modal').modal('hide');\n      this.showSnackbar({\n        message: 'Draft successfully deleted',\n        variant: 'success',\n      });\n\n    },\n    async handlePublish(id, catalog) {\n      await this.doRequest('auth/publishUserDraftById', { id, catalog });\n      $('#modal').modal('hide');\n      this.showSnackbar({\n        message: 'Draft successfully published',\n        variant: 'success',\n      });\n      this.$router.push({ name: 'DatasetDetailsDataset', params: { ds_id: id }, query: { locale: this.$route.query.locale } }).catch(() => { });\n      setTimeout(() => {\n        localStorage.removeItem('dpi_duplicate')\n        this.$router.go();\n      });\n      \n    },\n    handleConfirmPublish(id, catalog) {\n\n      this.modalProps.message = 'Are you sure you want to publish this draft?';\n      this.modalProps.confirm = () => this.handlePublish(id, catalog);\n      $('#modal').modal('show');\n      localStorage.removeItem('dpi_duplicate')\n    },\n    handleConfirmDelete(id, catalog) {\n\n      this.modalProps.message = 'Are you sure you want to delete this draft?';\n      this.modalProps.confirm = () => this.handleDelete(id, catalog);\n      $('#modal').modal('show');\n      localStorage.removeItem('dpi_duplicate')\n    },\n    handleConfirmDuplication(id, catalog) {\n      this.setIsDraft(true);\n      localStorage.setItem('dpi_duplicate', true)\n      this.$router.push({ name: 'DataProviderInterface-Edit', params: { catalog, property: 'datasets', id }, query: { locale: this.$route.query.locale } }).catch(() => { console.log(error); });\n\n    },\n    async doRequest(action, { id, newId, catalog, url, token }) {\n      this.$Progress.start();\n      this.modalProps.loading = true;\n      try {\n        await this.$store.dispatch(action, { id, newId, catalog, url, token });\n        this.$Progress.finish();\n      } catch (ex) {\n        // Show snackbar\n        this.showSnackbar({\n          message: ex.message,\n          color: 'error',\n        });\n        this.$Progress.fail();\n      } finally {\n        await new Promise(resolve => setTimeout(resolve, 500));\n        this.modalProps.loading = false;\n      }\n    },\n  },\n  created() {\n    this.updateUserDrafts();\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n@media (min-width: 1140px) {}\n\n.nav-link {\n  text-decoration: underline;\n}\n\n.active {\n  text-decoration: none;\n  font-weight: 700;\n}\n\n.dropdown-item {\n  &:active {\n    background-color: #868e96;\n  }\n}\n\n#linkedDataDropdown {\n\n  color: #3f3f3f;\n\n  &:hover {\n    color: white;\n  }\n}\n\n.buttonWrapper button {\n  margin: 0.2rem;\n}\n\n.buttonWrapper {\n  width: 100%;\n  display: flex;\n}\n\n.newIdField {\n  margin: 1rem 0 !important;\n  box-shadow: none;\n  border-radius: 0;\n  border-bottom: 1px solid #001D85;\n  transition: all 100ms ease-in-out;\n}\n\n.table td {\n  border-top: none;\n  vertical-align: middle;\n}\n\n.table tbody tr:not(:last-of-type) {\n\n  border-bottom: 1px solid lightgray;\n  // box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);\n  // transition: all 0.3s cubic-bezier(.25, .8, .25, 1);\n\n  // &:hover {\n  //   box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);\n  // }\n}\n\n.w33 {\n  width: 33%;\n}\n\n.draftWrapper {\n  margin-bottom: 120px;\n}\n\n.btn {\n  background: none;\n  color: #3f3f3f;\n\n  &:hover {\n\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);\n    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);\n  }\n}\n\n.dropDownWrap {\n  width: 175px;\n  position: relative;\n\n\n}\n\n.dropdown-toggle {\n  display: inline-block;\n  width: 100%;\n\n  &:active {\n    border: none;\n  }\n}\n\n.dropdown-menu.show {\n  padding: 0 !important;\n  transform: none !important;\n  top: 35px !important;\n  width: 100%;\n  z-index: 1;\n}\n\n.infoBox {\n  margin-bottom: 40px;\n}\n\n.logoDPIPiveau {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  justify-content: space-between;\n\n  img {\n    width: 10rem;\n  }\n\n  h2 {\n\n    color: #3f3f3f;\n  }\n}\n\n.dpiLogoSeperator {\n  height: 1px;\n  background-color: #3f3f3f;\n  width: 100%;\n  margin: 0 1rem;\n}\n</style>\n"],"names":["_sfc_main","AppLink","useRuntimeEnv","mapGetters","mapActions","id","catalog","format","$","action","newId","url","token","ex","resolve","_hoisted_1","_createElementVNode","_createTextVNode","_hoisted_3","_createStaticVNode","_hoisted_4","_hoisted_5","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_12","_hoisted_14","_withScopeId","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22","_openBlock","_createElementBlock","_hoisted_2","_hoisted_6","_Fragment","_renderList","_ctx","_toDisplayString","_hoisted_11","_createVNode","_component_app_link","_withCtx","_hoisted_13","$options","$event","_component_app_confirmation_dialog","$data"],"mappings":"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"}

package/dist/data-provider-interface/views/UserCataloguesPage.vue.mjs

@@ -1,15 +1,15 @@
-import { getCurrentInstance as k, ref as w, computed as x, onMounted as I, openBlock as s, createElementBlock as r, createElementVNode as i, createTextVNode as o, Fragment as d, renderList as m, unref as c, createVNode as p, withCtx as f, toDisplayString as g, createCommentVNode as N } from "vue";
+import { getCurrentInstance as b, ref as w, computed as x, onMounted as I, openBlock as r, createElementBlock as s, createElementVNode as i, createTextVNode as o, Fragment as d, renderList as m, unref as c, createVNode as p, withCtx as f, toDisplayString as g, createCommentVNode as N } from "vue";
 import { useStore as q } from "vuex";
 import h from "../../widgets/AppLink.vue.mjs";
 import D from "axios";
 import { has as _, isNil as v } from "lodash-es";
 import "./UserCataloguesPage.vue2.mjs";
-const L = { class: "catOverview" }, V = { class: "d-flex flex-column bg-transparent container-fluid justify-content-between content" }, j = /* @__PURE__ */ i("h1", { class: "small-headline" }, "My Catalogues", -1), E = /* @__PURE__ */ i("p", { class: "m-0 subline" }, "Click the catalogues if you want to be redirected to the associated overview Page.", -1), P = { class: "catWrap" }, F = {
+const L = { class: "catOverview" }, V = { class: "d-flex flex-column bg-transparent container-fluid justify-content-between content" }, j = /* @__PURE__ */ i("h1", { class: "small-headline" }, "My Catalogues", -1), E = /* @__PURE__ */ i("p", { class: "m-0" }, "Click the catalogues if you want to be redirected to the associated overview Page.", -1), P = { class: "catWrap" }, F = {
   __name: "UserCataloguesPage",
   setup(U) {
-    let y = k().appContext.app.config.globalProperties.$env;
+    let y = b().appContext.app.config.globalProperties.$env;
     const C = q();
-    let t = w([]), u = x(() => C.getters["auth/getUserCatalogIds"]), b = async () => {
+    let t = w([]), u = x(() => C.getters["auth/getUserCatalogIds"]), k = async () => {
       let a;
       await D.get(y.api.baseUrl + "search?filter=catalogue&limit=1000").then((e) => a = e).catch((e) => {
         reject(e);
@@ -18,15 +18,15 @@ const L = { class: "catOverview" }, V = { class: "d-flex flex-column bg-transpar
       }), t.value = t.value.filter((e) => u.value.includes(e.id)).map((e) => ({ id: e.id, name: e.title }));
     };
     return I(async () => {
-      b();
-    }), (a, e) => (s(), r("div", L, [
+      k();
+    }), (a, e) => (r(), s("div", L, [
       i("div", V, [
         j,
         o(),
         E,
         o(),
         i("div", P, [
-          (s(!0), r(d, null, m(c(t), (l, n) => (s(), r("div", {
+          (r(!0), s(d, null, m(c(t), (l, n) => (r(), s("div", {
             key: n,
             class: "annifItems"
           }, [
@@ -40,7 +40,7 @@ const L = { class: "catOverview" }, V = { class: "d-flex flex-column bg-transpar
             }, 1032, ["to"])
           ]))), 128)),
           o(),
-          c(t).length === 0 ? (s(!0), r(d, { key: 0 }, m(c(u), (l, n) => (s(), r("div", {
+          c(t).length === 0 ? (r(!0), s(d, { key: 0 }, m(c(u), (l, n) => (r(), s("div", {
             key: n,
             class: "annifItems"
           }, [

package/dist/data-provider-interface/views/UserCataloguesPage.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"UserCataloguesPage.vue.mjs","sources":["../../../lib/data-provider-interface/views/UserCataloguesPage.vue"],"sourcesContent":["<script setup>\nimport { useStore } from 'vuex';\nimport { ref, computed, onMounted, } from 'vue';\nimport AppLink from \"../../widgets/AppLink.vue\";\nimport axios from 'axios'\nimport { getCurrentInstance } from \"vue\";\nimport {\n  has,\n  isNil,\n} from 'lodash-es';\n\nlet env = getCurrentInstance().appContext.app.config.globalProperties.$env;\nconst store = useStore();\nlet filteredCatalogs = ref([])\nlet userCatIDList = computed(() => store.getters['auth/getUserCatalogIds'])\n\nlet filterCatList = async () => {\n  let cache;\n  await axios\n    .get(env.api.baseUrl + 'search?filter=catalogue&limit=1000')\n    .then(response => (cache = response))\n    .catch((err) => {\n      reject(err);\n    });\n\n  cache.data.result.results.forEach((e) => {\n    if (has(e, 'title') && !isNil(e.title) && has(e, 'id') && !isNil(e.id)) filteredCatalogs.value.push({ title: Object.values(e.title)[0], id: e.id })\n  });\n\n  filteredCatalogs.value = filteredCatalogs.value\n    .filter(item => userCatIDList.value.includes(item.id))\n    .map(item => ({ id: item.id, name: item.title }));\n}\nonMounted(async () => {\n  filterCatList()\n});\n</script>\n<template>\n  <div class=\"catOverview\">\n    <div class=\"d-flex flex-column bg-transparent container-fluid justify-content-between content \">\n      <h1 class=\"small-headline\">My Catalogues</h1>\n      <p class=\"m-0 subline\">Click the catalogues if you want to be redirected to the associated overview Page.</p>\n      <div class=\"catWrap\">\n        <div v-for=\"(catalog, index) in filteredCatalogs\" :key=\"index\" class=\"annifItems \">\n          <app-link\n            :to=\"{ name: 'CatalogueDetails', query: { locale: $route.query.locale }, params: { ctlg_id: catalog.id } }\">{{\n              catalog.name }}</app-link>\n        </div>\n        <div v-if=\"filteredCatalogs.length === 0\" v-for=\"(catalog, index) in userCatIDList\" :key=\"index\" class=\"annifItems \">\n          <app-link\n            :to=\"{ name: 'CatalogueDetails', query: { locale: $route.query.locale }, params: { ctlg_id: catalog } }\">{{\n              catalog }}</app-link>\n        </div>\n      </div>\n    </div>\n  </div>\n\n</template>\n<style>\n.catOverview {\n  min-height: 60vh;\n}\n\n.catWrap {\n  display: flex;\n  flex-wrap: wrap;\n  margin-top: 10px;\n  padding-top: 10px;\n  border-top: 1px solid lightgray;\n  justify-content: space-between;\n}\n\n.catWrap .annifItems {\n  background: #ECECEC;\n  flex-grow: 1;\n  text-align: center;\n}\n\n.subline {\n  font-size: 12px;\n  color: lightgray;\n\n}\n</style>"],"names":["env","getCurrentInstance","store","useStore","filteredCatalogs","ref","userCatIDList","computed","filterCatList","cache","axios","response","err","has","isNil","item","onMounted"],"mappings":";;;;;;;;;AAWA,QAAIA,IAAMC,EAAkB,EAAG,WAAW,IAAI,OAAO,iBAAiB;AACtE,UAAMC,IAAQC,EAAQ;AACtB,QAAIC,IAAmBC,EAAI,EAAE,GACzBC,IAAgBC,EAAS,MAAML,EAAM,QAAQ,wBAAwB,CAAC,GAEtEM,IAAgB,YAAY;AAC9B,UAAIC;AACJ,YAAMC,EACH,IAAIV,EAAI,IAAI,UAAU,oCAAoC,EAC1D,KAAK,CAAAW,MAAaF,IAAQE,CAAS,EACnC,MAAM,CAACC,MAAQ;AACd,eAAOA,CAAG;AAAA,MAChB,CAAK,GAEHH,EAAM,KAAK,OAAO,QAAQ,QAAQ,CAAC,MAAM;AACvC,QAAII,EAAI,GAAG,OAAO,KAAK,CAACC,EAAM,EAAE,KAAK,KAAKD,EAAI,GAAG,IAAI,KAAK,CAACC,EAAM,EAAE,EAAE,KAAGV,EAAiB,MAAM,KAAK,EAAE,OAAO,OAAO,OAAO,EAAE,KAAK,EAAE,CAAC,GAAG,IAAI,EAAE,GAAE,CAAE;AAAA,MACtJ,CAAG,GAEDA,EAAiB,QAAQA,EAAiB,MACvC,OAAO,CAAAW,MAAQT,EAAc,MAAM,SAASS,EAAK,EAAE,CAAC,EACpD,IAAI,CAAAA,OAAS,EAAE,IAAIA,EAAK,IAAI,MAAMA,EAAK,MAAO,EAAC;AAAA,IACpD;AACA,WAAAC,EAAU,YAAY;AACpB,MAAAR,EAAe;AAAA,IACjB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"UserCataloguesPage.vue.mjs","sources":["../../../lib/data-provider-interface/views/UserCataloguesPage.vue"],"sourcesContent":["<script setup>\nimport { useStore } from 'vuex';\nimport { ref, computed, onMounted, } from 'vue';\nimport AppLink from \"../../widgets/AppLink.vue\";\nimport axios from 'axios'\nimport { getCurrentInstance } from \"vue\";\nimport {\n  has,\n  isNil,\n} from 'lodash-es';\n\nlet env = getCurrentInstance().appContext.app.config.globalProperties.$env;\nconst store = useStore();\nlet filteredCatalogs = ref([])\nlet userCatIDList = computed(() => store.getters['auth/getUserCatalogIds'])\n\nlet filterCatList = async () => {\n  let cache;\n  await axios\n    .get(env.api.baseUrl + 'search?filter=catalogue&limit=1000')\n    .then(response => (cache = response))\n    .catch((err) => {\n      reject(err);\n    });\n\n  cache.data.result.results.forEach((e) => {\n    if (has(e, 'title') && !isNil(e.title) && has(e, 'id') && !isNil(e.id)) filteredCatalogs.value.push({ title: Object.values(e.title)[0], id: e.id })\n  });\n\n  filteredCatalogs.value = filteredCatalogs.value\n    .filter(item => userCatIDList.value.includes(item.id))\n    .map(item => ({ id: item.id, name: item.title }));\n}\nonMounted(async () => {\n  filterCatList()\n});\n</script>\n<template>\n  <div class=\"catOverview\">\n    <div class=\"d-flex flex-column bg-transparent container-fluid justify-content-between content \">\n      <h1 class=\"small-headline\">My Catalogues</h1>\n      <p class=\"m-0 \">Click the catalogues if you want to be redirected to the associated overview Page.</p>\n      <div class=\"catWrap\">\n        <div v-for=\"(catalog, index) in filteredCatalogs\" :key=\"index\" class=\"annifItems \">\n          <app-link\n            :to=\"{ name: 'CatalogueDetails', query: { locale: $route.query.locale }, params: { ctlg_id: catalog.id } }\">{{\n              catalog.name }}</app-link>\n        </div>\n        <div v-if=\"filteredCatalogs.length === 0\" v-for=\"(catalog, index) in userCatIDList\" :key=\"index\" class=\"annifItems \">\n          <app-link\n            :to=\"{ name: 'CatalogueDetails', query: { locale: $route.query.locale }, params: { ctlg_id: catalog } }\">{{\n              catalog }}</app-link>\n        </div>\n      </div>\n    </div>\n  </div>\n\n</template>\n<style>\n.catOverview {\n  min-height: 60vh;\n}\n\n.catWrap {\n  display: flex;\n  flex-wrap: wrap;\n  margin-top: 10px;\n  padding-top: 10px;\n  border-top: 1px solid lightgray;\n  justify-content: space-between;\n}\n\n.catWrap .annifItems {\n  background: #ECECEC;\n  flex-grow: 1;\n  text-align: center;\n}\n\n.subline {\n  font-size: 12px;\n  color: lightgray;\n\n}\n</style>"],"names":["env","getCurrentInstance","store","useStore","filteredCatalogs","ref","userCatIDList","computed","filterCatList","cache","axios","response","err","has","isNil","item","onMounted"],"mappings":";;;;;;;;;AAWA,QAAIA,IAAMC,EAAkB,EAAG,WAAW,IAAI,OAAO,iBAAiB;AACtE,UAAMC,IAAQC,EAAQ;AACtB,QAAIC,IAAmBC,EAAI,EAAE,GACzBC,IAAgBC,EAAS,MAAML,EAAM,QAAQ,wBAAwB,CAAC,GAEtEM,IAAgB,YAAY;AAC9B,UAAIC;AACJ,YAAMC,EACH,IAAIV,EAAI,IAAI,UAAU,oCAAoC,EAC1D,KAAK,CAAAW,MAAaF,IAAQE,CAAS,EACnC,MAAM,CAACC,MAAQ;AACd,eAAOA,CAAG;AAAA,MAChB,CAAK,GAEHH,EAAM,KAAK,OAAO,QAAQ,QAAQ,CAAC,MAAM;AACvC,QAAII,EAAI,GAAG,OAAO,KAAK,CAACC,EAAM,EAAE,KAAK,KAAKD,EAAI,GAAG,IAAI,KAAK,CAACC,EAAM,EAAE,EAAE,KAAGV,EAAiB,MAAM,KAAK,EAAE,OAAO,OAAO,OAAO,EAAE,KAAK,EAAE,CAAC,GAAG,IAAI,EAAE,GAAE,CAAE;AAAA,MACtJ,CAAG,GAEDA,EAAiB,QAAQA,EAAiB,MACvC,OAAO,CAAAW,MAAQT,EAAc,MAAM,SAASS,EAAK,EAAE,CAAC,EACpD,IAAI,CAAAA,OAAS,EAAE,IAAIA,EAAK,IAAI,MAAMA,EAAK,MAAO,EAAC;AAAA,IACpD;AACA,WAAAC,EAAU,YAAY;AACpB,MAAAR,EAAe;AAAA,IACjB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}