@piveau/piveau-hub-ui-modules 4.3.3 → 4.3.5

package/dist/data-provider-interface/DPIMenu.vue.mjs

@@ -21,7 +21,7 @@ const M = {
         loading: !1,
         error: null,
         message: "",
-        confirm: "",
+        confirm: "Ok",
         confirmHandler: () => null
       }
     };
@@ -318,7 +318,7 @@ const M = {
   created() {
     this.setupKeycloakWatcher();
   }
-}, N = (e) => (S("data-v-f901edd8"), e = e(), z(), e), R = {
+}, N = (e) => (S("data-v-f7ab70fb"), e = e(), z(), e), R = {
   id: "wrapper",
   "data-cy": "dpi-menu"
 }, E = { key: 0 }, H = { class: "text-white" }, x = { style: { "margin-top": "1%" } }, F = { class: "btn-group dropup" }, B = {
@@ -403,7 +403,7 @@ function K(e, a, o, s, t, r) {
     }, 8, ["loading", "confirm", "onConfirm"])
   ]);
 }
-const se = /* @__PURE__ */ L(M, [["render", K], ["__scopeId", "data-v-f901edd8"]]);
+const se = /* @__PURE__ */ L(M, [["render", K], ["__scopeId", "data-v-f7ab70fb"]]);
 export {
   se as default
 };

package/dist/data-provider-interface/DPIMenu.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DPIMenu.vue.mjs","sources":["../../lib/data-provider-interface/DPIMenu.vue"],"sourcesContent":["<template>\n  <div id=\"wrapper\" data-cy=\"dpi-menu\">\n    <nav v-if=\"visible\">\n      <div>\n        <h4 class=\"text-white\">{{ $t('message.dataupload.menu.dpi') }}</h4>\n      </div>\n\n      <div style=\"margin-top:1%;\">\n        <dropup v-for=\"(group, index) in menuGroups\"  :key=\"`Group${index}`\" :groupName=\"group.group\"\n          :groupItems=\"group.items\" :show=\"$env.content.dataProviderInterface.buttons[group.group]\"\n          :isOperator=\"getUserData.roles.includes('operator')\" :isCatalog=\"group.group === 'Catalogue' ? true : false\">\n        </dropup>\n        <ul>\n          <div class=\"btn-group dropup\">\n            <li v-for=\"(menuItem, index) in menuItems\" :key=\"`Menu${index}`\">\n              <button type=\"button\" class=\"btn btn-default\" @click=\"scrollToTop()\">\n                <!-- Menu items are either buttons or router-link -->\n                <!-- depending if they have a 'to' or 'handler' property -->\n                <component :is=\"menuItem.handler ? 'button' : 'router-link'\" :class=\"{ 'disabled': menuItem.disabled }\"\n                  :to=\"menuItem.to\" @click.native=\"menuItem.handler ? menuItem.handler() : null\">\n                  {{ menuItem.handler }}\n                  {{ menuItem.name }}\n                </component>\n              </button>\n            </li>\n          </div>\n        </ul>\n      </div>\n\n\n      <div v-if=\"getUserData.userName\" class=\"logoutWrap\">\n        <slot name=\"right\" :get-user-data=\"getUserData\">\n          <small class=\"text-white\">{{ $t('message.dataupload.menu.loggedInAs') }} {{ getUserData.userName\n            }}</small>\n            <br>\n          <button type=\"button\" class=\"btn btn-default logout\">\n            <router-link :to=\"{ name: 'Logout' }\">{{ $t('message.dataupload.menu.logout') }}</router-link>\n          </button>\n        </slot>\n      </div>\n    </nav>\n\n    <app-confirmation-dialog id=\"DPIMenuModal\" :loading=\"modal.loading\" :confirm=\"modal.confirm\"\n      @confirm=\"modal.confirmHandler\">\n      {{ modal.message }}\n    </app-confirmation-dialog>\n  </div>\n</template>\n\n<script>\nimport axios from 'axios';\nimport $ from 'jquery';\nimport { has, isEmpty } from 'lodash-es';\nimport { mapGetters, mapActions } from 'vuex';\nimport Dropup from './components/Dropup';\nimport { useWindowScroll } from '@vueuse/core'\n\nexport default {\n  name: 'DPI-menu',\n  components: {\n    Dropup\n  },\n  props: {},\n  data() {\n    return {\n      visible: true,\n      modal: {\n        show: false,\n        loading: false,\n        error: null,\n        message: '',\n        confirm: '',\n        confirmHandler: () => null,\n      },\n    };\n  },\n  setup() {\n    const scrollToTop = () => {\n      let { x, y } = useWindowScroll({ behavior: 'smooth' })\n      y.value = 0\n\n    }\n    return {\n      scrollToTop\n    }\n  },\n  computed: {\n    ...mapGetters('datasetDetails', [\n      'getCatalog',\n      'getID',\n      'getLoading',\n      'getTitle',\n      'getDescription',\n    ]),\n    ...mapGetters('auth', [\n      'getUserData',\n    ]),\n    menuGroups() {\n      return [\n        {\n          group: 'Dataset',\n          items: [\n            {\n              key: 'create-dataset',\n              name: 'createDataset',\n              to: {\n                name: 'DataProviderInterface-Input',\n                query: { locale: this.$route.query.locale, edit: false }, // if edit is false -> reset is triggered\n                params: { property: 'datasets' },\n              },\n            },\n            {\n              name: 'deleteDataset',\n              disabled: !this.isLocatedOnAuthorizedDatasetPage,\n              handler: () => {\n                this.modal = {\n                  ...this.modal,\n                  ...{\n                    message: this.$t('message.dataupload.menu.datasetDeletion.message'),\n                    confirm: this.$t('message.dataupload.menu.datasetDeletion.confirm'),\n                    confirmHandler: () => this.handleDelete({ id: this.getID, property: 'datasets', catalog: this.getCatalog.id }),\n                  },\n                };\n                $('#modal').modal({ show: true });\n              },\n            },\n            {\n              key: 'edit-dataset',\n              name: 'editDataset',\n              onlyAuthorizedDatasetPage: true,\n              disabled: !this.isLocatedOnAuthorizedDatasetPage,\n              to: {\n                name: 'DataProviderInterface-Edit',\n                params: {\n                  catalog: this.getCatalog.id || 'undefined',\n                  property: 'datasets',\n                  id: this.getID || 'undefined',\n                },\n                query: {\n                  draft: false,\n                  locale: this.$route.query.locale,\n                },\n              },\n            },\n           \n            {\n              key: 'draft-dataset',\n              name: 'setToDraft',\n              disabled: !this.isLocatedOnAuthorizedDatasetPage,\n              handler: () => {\n                this.modal = {\n                  ...this.modal,\n                  ...{\n                    message: this.$t('message.dataupload.menu.markAsDraft.message'),\n                    confirm: this.$t('message.dataupload.menu.markAsDraft.confirm'),\n                    confirmHandler: () => this.handleMarkAsDraft({\n                      id: this.getID, catalog: this.getCatalog.id, title: this.getTitle, description: this.getDescription,\n                    }),\n                  },\n                };\n                $('#modal').modal({ show: true });\n              },\n            },\n            {\n              key: 'register-dataset',\n              name: 'registerDoi',\n              disabled: !this.isLocatedOnAuthorizedDatasetPage,\n              handler: () => {\n                this.modal = {\n                  ...this.modal,\n                  ...{\n                    message: this.$t('message.dataupload.menu.registerADoi.message'),\n                    confirm: this.$t('message.dataupload.menu.registerADoi.confirm'),\n                    confirmHandler: () => this.handleRegisterDoi({ id: this.getID, catalog: this.getCatalog.id, type: this.$env.content.dataProviderInterface.doiRegistrationService.persistentIdentifierType || 'mock' }),\n                  },\n                };\n                $('#modal').modal({ show: true });\n              },\n            },\n          ],\n        },\n        {\n          group: 'Catalogue',\n          items: [\n            {\n              name: 'CreateCatalogue',\n              to: {\n                name: 'DataProviderInterface-Input',\n                query: { locale: this.$route.query.locale, edit: false },\n                params: { property: 'catalogues' }\n              },\n            },\n            {\n              name: 'DeleteCatalogue',\n              disabled: !this.isLocatedOnAuthorizedCatalogPage,\n              handler: () => {\n                this.modal = {\n                  ...this.modal,\n                  ...{\n                    message: 'Are you sure you want to delete this catalogue? This can not be reverted!',\n                    confirm: 'Delete catlogue (irreversible)',\n                    confirmHandler: () => this.handleDelete({ id: this.$route.params.ctlg_id, property: 'catalogues', catalog: this.$route.params.ctlg_id }),\n                  },\n                };\n                $('#modal').modal({ show: true });\n              }\n            },\n            {\n              name: 'EditCatalog',\n              onlyAuthorizedDatasetPage: true,\n              disabled: !this.isLocatedOnAuthorizedCatalogPage,\n              to: {\n                name: 'DataProviderInterface-Edit',\n                params: {\n                  catalog: this.$route.params.ctlg_id ? this.$route.params.ctlg_id : 'undefined',\n                  property: 'catalogues',\n                  id: this.getID || 'undefined',\n                },\n                query: {\n                  draft: false,\n                  locale: this.$route.query.locale,\n                }\n              }\n            },\n          ],\n        },\n      ];\n    },\n    menuItems() {\n      return [\n        {\n          name: this.$t('message.dataupload.menu.draftDatasets'),\n          to: { name: 'DataProviderInterface-Draft', query: { locale: this.$route.query.locale } },\n        },\n        {\n          name: this.$t('message.dataupload.menu.myCatalogues'),\n          to: { name: 'DataProviderInterface-UserCatalogues', query: { locale: this.$route.query.locale } },\n        },\n        {\n          name: this.$t('message.dataupload.menu.userProfile'),\n          to: { name: 'DataProviderInterface-UserProfile', query: { locale: this.$route.query.locale } },\n        },\n      ];\n    },\n    isLocatedOnAuthorizedDatasetPage() {\n      // Never return true while loading\n      if (this.getLoading) return false;\n\n      // Is the user located on the correct page?\n      const isOnDatasetDetailsPage = this.$route.name === 'DatasetDetailsDataset';\n      if (!isOnDatasetDetailsPage) return false;\n      const datasetId = isOnDatasetDetailsPage && this.$route.params.ds_id;\n\n      // Does user have permission on dataset (based on current datasetDetails state)?\n      const permissions = this.getUserData && this.getUserData.permissions;\n      const catalogId = this.getCatalog && this.getCatalog.id;\n      const hasPermission = permissions.find(permission => permission.rsname === catalogId);\n\n      // Does the user have permission on the current dataset details page?\n      return hasPermission\n        && isOnDatasetDetailsPage\n        && datasetId === this.getID;\n    },\n    isLocatedOnAuthorizedCatalogPage() {\n      // never return true while loading\n      if (this.getLoading) return false;\n\n      // is the user located on the correct page?\n      const onCatalogPage = this.$route.name === 'CatalogueDetails';\n      if (!onCatalogPage) return false;\n      const catalogId = onCatalogPage && this.$route.params.ctlg_id;\n\n      const permissions = this.getUserData && this.getUserData.permissions;\n      const hasPermission = permissions.find(permission => permission.rsname === catalogId);\n\n      // does user have permission on current catalogue\n      return hasPermission && onCatalogPage;\n    }\n  },\n  methods: {\n    ...mapActions('auth', [\n      'updateUserData',\n    ]),\n    ...mapActions('snackbar', [\n      'showSnackbar',\n    ]),\n    setupKeycloakWatcher() {\n      if (this.$keycloak && this.$keycloak.authenticated) {\n        // Set up watcher here since we this.$keycloak might not be available.\n        // If this.$keycloak is ensured, move this watcher out of this created hook.\n        this.$watch('$keycloak.token', async (newToken) => {\n          if (!newToken) return;\n\n          let rtpToken = this.$keycloak.rtpToken;\n          if (!rtpToken) {\n            const rtpTokenFn = this.$keycloak.getRtpToken;\n            if (rtpTokenFn) {\n              const res = (await rtpTokenFn({ autoRefresh: true }));\n              rtpToken = res;\n            }\n          }\n\n          this.updateUserData({\n            authToken: newToken,\n            rtpToken: rtpToken,\n            hubUrl: this.$env.api.hubUrl,\n          });\n        }, { immediate: true });\n\n        this.$watch('$keycloak.rtpToken', (newRtpToken) => {\n          if (!newRtpToken) return;\n\n          this.updateUserData({\n            authToken: this.$keycloak.token,\n            rtpToken: newRtpToken,\n            hubUrl: this.$env.api.hubUrl,\n          });\n        });\n      }\n    },\n    async handleConfirm(action, argsObj, { successMessage, errorMessage }) {\n      this.modal.loading = true;\n      try {\n        // Sleep for 250ms for better UX\n        this.$Progress.start();\n        await new Promise(resolve => setTimeout(resolve, 250));\n\n        this.$Progress.set(25);\n        await this.$store.dispatch(action, argsObj);\n\n        // Successful DOI registration\n        this.showSnackbar({\n          message: successMessage,\n          variant: 'success',\n        });\n        await new Promise(resolve => setTimeout(resolve, 250));\n\n        this.$Progress.finish();\n      } catch (ex) {\n        this.$Progress.fail();\n        // eslint-disable-next-line no-console\n        console.error(ex);\n\n        const maybeErrorStatusMsg = ex.response && ex.response.data && ex.response.data.message;\n\n        this.modal = {\n          ...this.modal,\n          ...{\n            // Need to translate this\n            message: 'DOI registration is not possible, the following error occured: ' + ex.response.data,\n            confirm: 'Okay',\n            confirmHandler: () => $('#modal').modal('hide'),\n          },\n        };\n\n\n        console.log(ex.response.data);\n        let customErrorMessage = typeof errorMessage === 'string' && errorMessage;\n        customErrorMessage = typeof errorMessage === 'function' && errorMessage(ex);\n        // customErrorMessage = typeof errorMessage === 'object' && errorMessage.prefix && `${errorMessage.prefix}${maybeErrorStatusMsg && ` — ${maybeErrorStatusMsg}`}`;\n        customErrorMessage = typeof errorMessage === 'object' && errorMessage.prefix + \" - \" + ex.response.data;\n\n        console.log(errorMessage);\n        const errorMsg = customErrorMessage || maybeErrorStatusMsg || ex.message || 'An error occurred';\n        // show snackbar\n        this.showSnackbar({\n          message: errorMsg,\n          variant: 'error',\n        });\n      } finally {\n        this.modal.loading = false;\n        $('#modal').modal('hide');\n      }\n    },\n    async handleRegisterDoi({ id, catalog, type = 'eu-ra-doi' }) {\n      await this.handleConfirm(\n        'auth/createPersistentIdentifier',\n        { id, catalog, type },\n        {\n          successMessage: this.$te('message.snackbar.doiRegistration.success') ? this.$t('message.snackbar.doiRegistration.success') : 'Successfully registered DOI',\n          errorMessage: { prefix: this.$te('message.snackbar.doiRegistration.error') ? this.$t('message.snackbar.doiRegistration.error') : 'DOI registration failed' },\n\n        },\n      );\n    },\n    async handleMarkAsDraft({\n      id, catalog, title, description,\n    }) {\n      await this.handleConfirm('auth/putDatasetToDraft', {\n        id, catalog, title, description,\n      }, {\n        successMessage: this.$te('message.snackbar.markAsDraft.success') ? this.$t('message.snackbar.markAsDraft.success') : 'Dataset successfully marked as draft',\n        errorMessage: { prefix: this.$te('message.snackbar.markAsDraft.error') ? this.$t('message.snackbar.markAsDraft.error') : 'Failed to mark dataset as draft' },\n      });\n\n      this.$router.push({ name: 'DataProviderInterface-Draft', query: { locale: this.$route.query.locale } }).catch(() => { });\n    },\n    async handleDelete({ id, property, catalog }) {\n      // todo: create user dataset api (and maybe integrate to store)\n      // For now, do request manually using axios\n\n      this.modal.loading = true;\n      this.$Progress.start();\n      try {\n        let endpoint;\n\n        if (property === 'datasets') {\n\n          endpoint = `${this.$env.api.hubUrl}datasets/${id}?useNormalizedId=true&catalogue=${catalog}`;\n        } else if (property === 'catalogues') {\n          endpoint = `${this.$env.api.hubUrl}catalogues/${id}`\n        }\n\n        await axios.delete(endpoint, {\n\n          headers: {\n            'Content-Type': 'text/turtle',\n            Authorization: `Bearer ${this.getUserData.rtpToken}`,\n          },\n        });\n\n        let successMessage;\n        if (property === 'datasets') {\n          successMessage = this.$te('message.snackbar.deleteDataset.success') ? this.$t('message.snackbar.deleteDataset.success') : 'Dataset successfully deleted';\n        } else if (property === 'catalogues') {\n          successMessage = this.$te('message.snackbar.deleteCatalog.success') ? this.$t('message.snackbar.deleteCatalog.success') : 'Catalog successfully deleted';\n        }\n\n\n        this.showSnackbar({\n          message: successMessage,\n          variant: 'success',\n        });\n        this.$Progress.finish();\n\n        // Redirect to Home\n        this.$router.push({ name: 'Datasets', query: { locale: this.$route.query.locale, refresh: true } }).catch(() => { });\n      } catch (ex) {\n        this.$Progress.fail();\n\n        let errorMessage;\n\n        if (property === 'datasets') {\n          errorMessage = this.$te('message.snackbar.deleteDataset.error') ? this.$t('message.snackbar.deleteDataset.error') : 'Failed to delete dataset';\n        } else if (property === 'catalogues') {\n          errorMessage = this.$te('message.snackbar.deleteCatalog.error') ? this.$t('message.snackbar.deleteCatalog.error') : 'Failed to delete catalog';\n        }\n\n        this.showSnackbar({\n          message: `${errorMessage}${ex.response?.data ? ` — ${ex.response?.data}` : ex.message}`,\n          variant: 'error',\n        });\n      } finally {\n        this.modal.loading = false;\n        $('#modal').modal('hide');\n      }\n    },\n  },\n  created() {\n    this.setupKeycloakWatcher();\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n#wrapper {\n  background: linear-gradient(90deg, #082b7a, #0e47cb);\n  width: 100%;\n  position: sticky;\n  bottom: 0;\n  z-index: 999;\n}\n\nnav {\n  max-width: 1400px;\n  display: flex;\n  flex-direction: row;\n  margin: 0 auto;\n  justify-content: space-between;\n  font-size: 1rem;\n  align-items: center;\n}\n\nul {\n  float: right;\n\n  li {\n    display: inline;\n\n    a {\n      color: white;\n    }\n  }\n}\n\nbutton a {\n  color: white;\n}\n\n.logout {\n  display: block;\n  margin: 0 auto;\n  border: 1px solid white;\n  padding: 0.1rem 1.5rem;\n}\n\n.logoutWrap {\n  width: 14rem;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n</style>\n"],"names":["_sfc_main","Dropup","x","y","useWindowScroll","mapGetters","$","isOnDatasetDetailsPage","datasetId","permissions","catalogId","permission","onCatalogPage","mapActions","newToken","rtpToken","rtpTokenFn","newRtpToken","action","argsObj","successMessage","errorMessage","resolve","ex","maybeErrorStatusMsg","customErrorMessage","errorMsg","id","catalog","type","title","description","property","endpoint","axios","_a","_b","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_7","_createElementVNode","_openBlock","_createElementBlock","_hoisted_1","$data","_hoisted_2","_toDisplayString","_ctx","_createTextVNode","_Fragment","_renderList","$options","group","index","_createBlock","_component_dropup","menuItem","$setup","_resolveDynamicComponent","_normalizeClass","_withCtx","_hoisted_6","_renderSlot","_hoisted_8","_hoisted_9","_createVNode","_component_router_link","_createCommentVNode","_component_app_confirmation_dialog"],"mappings":"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"}
+{"version":3,"file":"DPIMenu.vue.mjs","sources":["../../lib/data-provider-interface/DPIMenu.vue"],"sourcesContent":["<template>\n  <div id=\"wrapper\" data-cy=\"dpi-menu\">\n    <nav v-if=\"visible\">\n      <div>\n        <h4 class=\"text-white\">{{ $t('message.dataupload.menu.dpi') }}</h4>\n      </div>\n\n      <div style=\"margin-top:1%;\">\n        <dropup v-for=\"(group, index) in menuGroups\"  :key=\"`Group${index}`\" :groupName=\"group.group\"\n          :groupItems=\"group.items\" :show=\"$env.content.dataProviderInterface.buttons[group.group]\"\n          :isOperator=\"getUserData.roles.includes('operator')\" :isCatalog=\"group.group === 'Catalogue' ? true : false\">\n        </dropup>\n        <ul>\n          <div class=\"btn-group dropup\">\n            <li v-for=\"(menuItem, index) in menuItems\" :key=\"`Menu${index}`\">\n              <button type=\"button\" class=\"btn btn-default\" @click=\"scrollToTop()\">\n                <!-- Menu items are either buttons or router-link -->\n                <!-- depending if they have a 'to' or 'handler' property -->\n                <component :is=\"menuItem.handler ? 'button' : 'router-link'\" :class=\"{ 'disabled': menuItem.disabled }\"\n                  :to=\"menuItem.to\" @click.native=\"menuItem.handler ? menuItem.handler() : null\">\n                  {{ menuItem.handler }}\n                  {{ menuItem.name }}\n                </component>\n              </button>\n            </li>\n          </div>\n        </ul>\n      </div>\n\n\n      <div v-if=\"getUserData.userName\" class=\"logoutWrap\">\n        <slot name=\"right\" :get-user-data=\"getUserData\">\n          <small class=\"text-white\">{{ $t('message.dataupload.menu.loggedInAs') }} {{ getUserData.userName\n            }}</small>\n            <br>\n          <button type=\"button\" class=\"btn btn-default logout\">\n            <router-link :to=\"{ name: 'Logout' }\">{{ $t('message.dataupload.menu.logout') }}</router-link>\n          </button>\n        </slot>\n      </div>\n    </nav>\n\n    <app-confirmation-dialog id=\"DPIMenuModal\" :loading=\"modal.loading\" :confirm=\"modal.confirm\"\n      @confirm=\"modal.confirmHandler\">\n      {{ modal.message }}\n    </app-confirmation-dialog>\n  </div>\n</template>\n\n<script>\nimport axios from 'axios';\nimport $ from 'jquery';\nimport { has, isEmpty } from 'lodash-es';\nimport { mapGetters, mapActions } from 'vuex';\nimport Dropup from './components/Dropup';\nimport { useWindowScroll } from '@vueuse/core'\n\nexport default {\n  name: 'DPI-menu',\n  components: {\n    Dropup\n  },\n  props: {},\n  data() {\n    return {\n      visible: true,\n      modal: {\n        show: false,\n        loading: false,\n        error: null,\n        message: '',\n        confirm: 'Ok',\n        confirmHandler: () => null,\n      },\n    };\n  },\n  setup() {\n    const scrollToTop = () => {\n      let { x, y } = useWindowScroll({ behavior: 'smooth' })\n      y.value = 0\n\n    }\n    return {\n      scrollToTop\n    }\n  },\n  computed: {\n    ...mapGetters('datasetDetails', [\n      'getCatalog',\n      'getID',\n      'getLoading',\n      'getTitle',\n      'getDescription',\n    ]),\n    ...mapGetters('auth', [\n      'getUserData',\n    ]),\n    menuGroups() {\n      return [\n        {\n          group: 'Dataset',\n          items: [\n            {\n              key: 'create-dataset',\n              name: 'createDataset',\n              to: {\n                name: 'DataProviderInterface-Input',\n                query: { locale: this.$route.query.locale, edit: false }, // if edit is false -> reset is triggered\n                params: { property: 'datasets' },\n              },\n            },\n            {\n              name: 'deleteDataset',\n              disabled: !this.isLocatedOnAuthorizedDatasetPage,\n              handler: () => {\n                this.modal = {\n                  ...this.modal,\n                  ...{\n                    message: this.$t('message.dataupload.menu.datasetDeletion.message'),\n                    confirm: this.$t('message.dataupload.menu.datasetDeletion.confirm'),\n                    confirmHandler: () => this.handleDelete({ id: this.getID, property: 'datasets', catalog: this.getCatalog.id }),\n                  },\n                };\n                $('#modal').modal({ show: true });\n              },\n            },\n            {\n              key: 'edit-dataset',\n              name: 'editDataset',\n              onlyAuthorizedDatasetPage: true,\n              disabled: !this.isLocatedOnAuthorizedDatasetPage,\n              to: {\n                name: 'DataProviderInterface-Edit',\n                params: {\n                  catalog: this.getCatalog.id || 'undefined',\n                  property: 'datasets',\n                  id: this.getID || 'undefined',\n                },\n                query: {\n                  draft: false,\n                  locale: this.$route.query.locale,\n                },\n              },\n            },\n           \n            {\n              key: 'draft-dataset',\n              name: 'setToDraft',\n              disabled: !this.isLocatedOnAuthorizedDatasetPage,\n              handler: () => {\n                this.modal = {\n                  ...this.modal,\n                  ...{\n                    message: this.$t('message.dataupload.menu.markAsDraft.message'),\n                    confirm: this.$t('message.dataupload.menu.markAsDraft.confirm'),\n                    confirmHandler: () => this.handleMarkAsDraft({\n                      id: this.getID, catalog: this.getCatalog.id, title: this.getTitle, description: this.getDescription,\n                    }),\n                  },\n                };\n                $('#modal').modal({ show: true });\n              },\n            },\n            {\n              key: 'register-dataset',\n              name: 'registerDoi',\n              disabled: !this.isLocatedOnAuthorizedDatasetPage,\n              handler: () => {\n                this.modal = {\n                  ...this.modal,\n                  ...{\n                    message: this.$t('message.dataupload.menu.registerADoi.message'),\n                    confirm: this.$t('message.dataupload.menu.registerADoi.confirm'),\n                    confirmHandler: () => this.handleRegisterDoi({ id: this.getID, catalog: this.getCatalog.id, type: this.$env.content.dataProviderInterface.doiRegistrationService.persistentIdentifierType || 'mock' }),\n                  },\n                };\n                $('#modal').modal({ show: true });\n              },\n            },\n          ],\n        },\n        {\n          group: 'Catalogue',\n          items: [\n            {\n              name: 'CreateCatalogue',\n              to: {\n                name: 'DataProviderInterface-Input',\n                query: { locale: this.$route.query.locale, edit: false },\n                params: { property: 'catalogues' }\n              },\n            },\n            {\n              name: 'DeleteCatalogue',\n              disabled: !this.isLocatedOnAuthorizedCatalogPage,\n              handler: () => {\n                this.modal = {\n                  ...this.modal,\n                  ...{\n                    message: 'Are you sure you want to delete this catalogue? This can not be reverted!',\n                    confirm: 'Delete catlogue (irreversible)',\n                    confirmHandler: () => this.handleDelete({ id: this.$route.params.ctlg_id, property: 'catalogues', catalog: this.$route.params.ctlg_id }),\n                  },\n                };\n                $('#modal').modal({ show: true });\n              }\n            },\n            {\n              name: 'EditCatalog',\n              onlyAuthorizedDatasetPage: true,\n              disabled: !this.isLocatedOnAuthorizedCatalogPage,\n              to: {\n                name: 'DataProviderInterface-Edit',\n                params: {\n                  catalog: this.$route.params.ctlg_id ? this.$route.params.ctlg_id : 'undefined',\n                  property: 'catalogues',\n                  id: this.getID || 'undefined',\n                },\n                query: {\n                  draft: false,\n                  locale: this.$route.query.locale,\n                }\n              }\n            },\n          ],\n        },\n      ];\n    },\n    menuItems() {\n      return [\n        {\n          name: this.$t('message.dataupload.menu.draftDatasets'),\n          to: { name: 'DataProviderInterface-Draft', query: { locale: this.$route.query.locale } },\n        },\n        {\n          name: this.$t('message.dataupload.menu.myCatalogues'),\n          to: { name: 'DataProviderInterface-UserCatalogues', query: { locale: this.$route.query.locale } },\n        },\n        {\n          name: this.$t('message.dataupload.menu.userProfile'),\n          to: { name: 'DataProviderInterface-UserProfile', query: { locale: this.$route.query.locale } },\n        },\n      ];\n    },\n    isLocatedOnAuthorizedDatasetPage() {\n      // Never return true while loading\n      if (this.getLoading) return false;\n\n      // Is the user located on the correct page?\n      const isOnDatasetDetailsPage = this.$route.name === 'DatasetDetailsDataset';\n      if (!isOnDatasetDetailsPage) return false;\n      const datasetId = isOnDatasetDetailsPage && this.$route.params.ds_id;\n\n      // Does user have permission on dataset (based on current datasetDetails state)?\n      const permissions = this.getUserData && this.getUserData.permissions;\n      const catalogId = this.getCatalog && this.getCatalog.id;\n      const hasPermission = permissions.find(permission => permission.rsname === catalogId);\n\n      // Does the user have permission on the current dataset details page?\n      return hasPermission\n        && isOnDatasetDetailsPage\n        && datasetId === this.getID;\n    },\n    isLocatedOnAuthorizedCatalogPage() {\n      // never return true while loading\n      if (this.getLoading) return false;\n\n      // is the user located on the correct page?\n      const onCatalogPage = this.$route.name === 'CatalogueDetails';\n      if (!onCatalogPage) return false;\n      const catalogId = onCatalogPage && this.$route.params.ctlg_id;\n\n      const permissions = this.getUserData && this.getUserData.permissions;\n      const hasPermission = permissions.find(permission => permission.rsname === catalogId);\n\n      // does user have permission on current catalogue\n      return hasPermission && onCatalogPage;\n    }\n  },\n  methods: {\n    ...mapActions('auth', [\n      'updateUserData',\n    ]),\n    ...mapActions('snackbar', [\n      'showSnackbar',\n    ]),\n    setupKeycloakWatcher() {\n      if (this.$keycloak && this.$keycloak.authenticated) {\n        // Set up watcher here since we this.$keycloak might not be available.\n        // If this.$keycloak is ensured, move this watcher out of this created hook.\n        this.$watch('$keycloak.token', async (newToken) => {\n          if (!newToken) return;\n\n          let rtpToken = this.$keycloak.rtpToken;\n          if (!rtpToken) {\n            const rtpTokenFn = this.$keycloak.getRtpToken;\n            if (rtpTokenFn) {\n              const res = (await rtpTokenFn({ autoRefresh: true }));\n              rtpToken = res;\n            }\n          }\n\n          this.updateUserData({\n            authToken: newToken,\n            rtpToken: rtpToken,\n            hubUrl: this.$env.api.hubUrl,\n          });\n        }, { immediate: true });\n\n        this.$watch('$keycloak.rtpToken', (newRtpToken) => {\n          if (!newRtpToken) return;\n\n          this.updateUserData({\n            authToken: this.$keycloak.token,\n            rtpToken: newRtpToken,\n            hubUrl: this.$env.api.hubUrl,\n          });\n        });\n      }\n    },\n    async handleConfirm(action, argsObj, { successMessage, errorMessage }) {\n      this.modal.loading = true;\n      try {\n        // Sleep for 250ms for better UX\n        this.$Progress.start();\n        await new Promise(resolve => setTimeout(resolve, 250));\n\n        this.$Progress.set(25);\n        await this.$store.dispatch(action, argsObj);\n\n        // Successful DOI registration\n        this.showSnackbar({\n          message: successMessage,\n          variant: 'success',\n        });\n        await new Promise(resolve => setTimeout(resolve, 250));\n\n        this.$Progress.finish();\n      } catch (ex) {\n        this.$Progress.fail();\n        // eslint-disable-next-line no-console\n        console.error(ex);\n\n        const maybeErrorStatusMsg = ex.response && ex.response.data && ex.response.data.message;\n\n        this.modal = {\n          ...this.modal,\n          ...{\n            // Need to translate this\n            message: 'DOI registration is not possible, the following error occured: ' + ex.response.data,\n            confirm: 'Okay',\n            confirmHandler: () => $('#modal').modal('hide'),\n          },\n        };\n\n\n        console.log(ex.response.data);\n        let customErrorMessage = typeof errorMessage === 'string' && errorMessage;\n        customErrorMessage = typeof errorMessage === 'function' && errorMessage(ex);\n        // customErrorMessage = typeof errorMessage === 'object' && errorMessage.prefix && `${errorMessage.prefix}${maybeErrorStatusMsg && ` — ${maybeErrorStatusMsg}`}`;\n        customErrorMessage = typeof errorMessage === 'object' && errorMessage.prefix + \" - \" + ex.response.data;\n\n        console.log(errorMessage);\n        const errorMsg = customErrorMessage || maybeErrorStatusMsg || ex.message || 'An error occurred';\n        // show snackbar\n        this.showSnackbar({\n          message: errorMsg,\n          variant: 'error',\n        });\n      } finally {\n        this.modal.loading = false;\n        $('#modal').modal('hide');\n      }\n    },\n    async handleRegisterDoi({ id, catalog, type = 'eu-ra-doi' }) {\n      await this.handleConfirm(\n        'auth/createPersistentIdentifier',\n        { id, catalog, type },\n        {\n          successMessage: this.$te('message.snackbar.doiRegistration.success') ? this.$t('message.snackbar.doiRegistration.success') : 'Successfully registered DOI',\n          errorMessage: { prefix: this.$te('message.snackbar.doiRegistration.error') ? this.$t('message.snackbar.doiRegistration.error') : 'DOI registration failed' },\n\n        },\n      );\n    },\n    async handleMarkAsDraft({\n      id, catalog, title, description,\n    }) {\n      await this.handleConfirm('auth/putDatasetToDraft', {\n        id, catalog, title, description,\n      }, {\n        successMessage: this.$te('message.snackbar.markAsDraft.success') ? this.$t('message.snackbar.markAsDraft.success') : 'Dataset successfully marked as draft',\n        errorMessage: { prefix: this.$te('message.snackbar.markAsDraft.error') ? this.$t('message.snackbar.markAsDraft.error') : 'Failed to mark dataset as draft' },\n      });\n\n      this.$router.push({ name: 'DataProviderInterface-Draft', query: { locale: this.$route.query.locale } }).catch(() => { });\n    },\n    async handleDelete({ id, property, catalog }) {\n      // todo: create user dataset api (and maybe integrate to store)\n      // For now, do request manually using axios\n\n      this.modal.loading = true;\n      this.$Progress.start();\n      try {\n        let endpoint;\n\n        if (property === 'datasets') {\n\n          endpoint = `${this.$env.api.hubUrl}datasets/${id}?useNormalizedId=true&catalogue=${catalog}`;\n        } else if (property === 'catalogues') {\n          endpoint = `${this.$env.api.hubUrl}catalogues/${id}`\n        }\n\n        await axios.delete(endpoint, {\n\n          headers: {\n            'Content-Type': 'text/turtle',\n            Authorization: `Bearer ${this.getUserData.rtpToken}`,\n          },\n        });\n\n        let successMessage;\n        if (property === 'datasets') {\n          successMessage = this.$te('message.snackbar.deleteDataset.success') ? this.$t('message.snackbar.deleteDataset.success') : 'Dataset successfully deleted';\n        } else if (property === 'catalogues') {\n          successMessage = this.$te('message.snackbar.deleteCatalog.success') ? this.$t('message.snackbar.deleteCatalog.success') : 'Catalog successfully deleted';\n        }\n\n\n        this.showSnackbar({\n          message: successMessage,\n          variant: 'success',\n        });\n        this.$Progress.finish();\n\n        // Redirect to Home\n        this.$router.push({ name: 'Datasets', query: { locale: this.$route.query.locale, refresh: true } }).catch(() => { });\n      } catch (ex) {\n        this.$Progress.fail();\n\n        let errorMessage;\n\n        if (property === 'datasets') {\n          errorMessage = this.$te('message.snackbar.deleteDataset.error') ? this.$t('message.snackbar.deleteDataset.error') : 'Failed to delete dataset';\n        } else if (property === 'catalogues') {\n          errorMessage = this.$te('message.snackbar.deleteCatalog.error') ? this.$t('message.snackbar.deleteCatalog.error') : 'Failed to delete catalog';\n        }\n\n        this.showSnackbar({\n          message: `${errorMessage}${ex.response?.data ? ` — ${ex.response?.data}` : ex.message}`,\n          variant: 'error',\n        });\n      } finally {\n        this.modal.loading = false;\n        $('#modal').modal('hide');\n      }\n    },\n  },\n  created() {\n    this.setupKeycloakWatcher();\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n#wrapper {\n  background: linear-gradient(90deg, #082b7a, #0e47cb);\n  width: 100%;\n  position: sticky;\n  bottom: 0;\n  z-index: 999;\n}\n\nnav {\n  max-width: 1400px;\n  display: flex;\n  flex-direction: row;\n  margin: 0 auto;\n  justify-content: space-between;\n  font-size: 1rem;\n  align-items: center;\n}\n\nul {\n  float: right;\n\n  li {\n    display: inline;\n\n    a {\n      color: white;\n    }\n  }\n}\n\nbutton a {\n  color: white;\n}\n\n.logout {\n  display: block;\n  margin: 0 auto;\n  border: 1px solid white;\n  padding: 0.1rem 1.5rem;\n}\n\n.logoutWrap {\n  width: 14rem;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n</style>\n"],"names":["_sfc_main","Dropup","x","y","useWindowScroll","mapGetters","$","isOnDatasetDetailsPage","datasetId","permissions","catalogId","permission","onCatalogPage","mapActions","newToken","rtpToken","rtpTokenFn","newRtpToken","action","argsObj","successMessage","errorMessage","resolve","ex","maybeErrorStatusMsg","customErrorMessage","errorMsg","id","catalog","type","title","description","property","endpoint","axios","_a","_b","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_7","_createElementVNode","_openBlock","_createElementBlock","_hoisted_1","$data","_hoisted_2","_toDisplayString","_ctx","_createTextVNode","_Fragment","_renderList","$options","group","index","_createBlock","_component_dropup","menuItem","$setup","_resolveDynamicComponent","_normalizeClass","_withCtx","_hoisted_6","_renderSlot","_hoisted_8","_hoisted_9","_createVNode","_component_router_link","_createCommentVNode","_component_app_confirmation_dialog"],"mappings":"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"}

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

@@ -1,13 +1,13 @@
-import { ref as f, watchEffect as M, resolveComponent as S, openBlock as a, createElementBlock as n, toDisplayString as m, createTextVNode as i, unref as d, createCommentVNode as c, createElementVNode as o, withDirectives as I, isRef as V, vModelText as $, Fragment as g, renderList as x, createVNode as _, createBlock as T, createStaticVNode as U } from "vue";
+import { ref as f, watchEffect as L, resolveComponent as M, openBlock as a, createElementBlock as n, toDisplayString as m, createTextVNode as s, unref as d, createCommentVNode as c, createElementVNode as o, withDirectives as I, isRef as V, vModelText as $, Fragment as y, renderList as x, createVNode as _, createBlock as S, createStaticVNode as U } from "vue";
 import A from "./AutocompleteInput.vue.mjs";
 import { onClickOutside as B } from "../../external/@vueuse/core/index";
 import { useRuntimeEnv as N } from "../../composables/useRuntimeEnv.mjs";
 import { useI18n as P } from "vue-i18n";
 import "./ConditionalInput.vue2.mjs";
-const F = { class: "formkitProperty" }, R = {
+const j = { class: "formkitProperty" }, F = {
   key: 0,
   class: "formkitHeader"
-}, j = {
+}, R = {
   key: 1,
   class: "formkitHeader"
 }, O = {
@@ -22,17 +22,17 @@ const F = { class: "formkitProperty" }, R = {
   viewBox: "0 0 16 16"
 }, [
   /* @__PURE__ */ o("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" }),
-  /* @__PURE__ */ i(),
+  /* @__PURE__ */ s(),
   /* @__PURE__ */ o("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" })
-], -1), z = /* @__PURE__ */ U(`<div class="w-80"><p><em>For <strong>European</strong> <strong>Commission&#39;s datasets</strong>, bear in mind
-            that <ins>Decision 2011/833/EU</ins> <a href="https://eur-lex.europa.eu/legal-content/EN/TXT/?uri=CELEX:32011D0833]" target="_blank" rel="nofollow noopener">[link</a> ] allows for their commercial reuse without prior authorisation,
-            except for the material subject to the third party intellectual property rights. This Decision has been
-            implemented under the <ins>Decision C(2019) 1655 final</ins> <a href="https://ec.europa.eu/transparency/documents-register/detail?ref=C(2019)1655&amp;lang=en]" target="_blank" rel="nofollow noopener">[link</a> ] by which Creative Commons Attribution 4.0
-            International Public License (CC BY 4.0) is adopted as an open licence for the Commission&#39;s reuse policy.
-            Additionally, raw data, metadata or other documents of comparable nature may alternatively be distributed
-            under the provisions of the Creative Commons Universal Public Domain Dedication deed (CC0 1.0).</em></p> <p><em>The <strong>Council</strong> and the <strong>European Court of Auditors</strong> have
-            approved similar decisions on reuse. It is advisable that you check <strong>the reuse policy of your
-              organisation</strong> before publishing or submitting your dataset.</em></p> <p>If you need further information regarding copyright issues, please contact us at <a href="mailto:op-copyright@publications.europa.eu" target="_blank" rel="nofollow noopener">op-copyright@publications.europa.eu</a></p></div>`, 1), H = {
+], -1), z = /* @__PURE__ */ U(`<div class="w-80"><p>For <strong>European</strong> <strong>Commission&#39;s datasets</strong>, bear in mind that <a class="external-link" href="https://eur-lex.europa.eu/legal-content/EN/TXT/?uri=CELEX:32011D0833" target="_blank" rel="nofollow noopener"><ins>Decision 2011/833/EU</ins></a>] allows for their commercial
+          reuse without prior authorisation, except for the material subject to the third party intellectual property
+          rights. This Decision has been implemented under the <a class="external-link" href="https://ec.europa.eu/transparency/documents-register/detail?ref=C(2019)1655&amp;lang=en" target="_blank" rel="nofollow noopener"><ins>Decision C(2019) 1655 final</ins></a>] by which Creative
+          Commons Attribution 4.0 International Public License (CC BY 4.0) is adopted as an open licence for the
+          Commission&#39;s reuse policy. Additionally, raw data, metadata or other documents of comparable nature may
+          alternatively be distributed under the provisions of the Creative Commons Universal Public Domain Dedication
+          deed (CC0 1.0).</p> <p>The <strong>Council</strong> and the <strong>European Court of Auditors</strong> have
+          approved similar decisions on reuse. It is advisable that you check <strong>the reuse policy of your
+            organisation</strong> before publishing or submitting your dataset.</p> <p>If you need further information regarding copyright issues, please contact us at <span class="nobr"><a class="external-link" href="mailto:op-copyright@publications.europa.eu" target="_blank" rel="nofollow noopener">op-copyright@publications.europa.eu<sup><img class="rendericon" src="https://citnet.tech.ec.europa.eu/CITnet/jira/images/icons/mail_small.gif" alt="" width="13" height="12" align="absmiddle" border="0"></sup></a></span></p></div>`, 1), H = {
   key: 3,
   class: "d-flex infoLicense py-5"
 }, K = /* @__PURE__ */ o("svg", {
@@ -44,17 +44,17 @@ const F = { class: "formkitProperty" }, R = {
   viewBox: "0 0 16 16"
 }, [
   /* @__PURE__ */ o("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" }),
-  /* @__PURE__ */ i(),
+  /* @__PURE__ */ s(),
   /* @__PURE__ */ o("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" })
 ], -1), W = /* @__PURE__ */ o("p", { class: "textInfoI" }, [
-  /* @__PURE__ */ i(`As owner of your dataset, you guarantee that it does not violate the copyright, other
+  /* @__PURE__ */ s(`As owner of your dataset, you guarantee that it does not violate the copyright, other
         intellectual property or
         privacy rights of any third party. In particular, if third party material is included in the dataset, you must
         ensure that all necessary permissions have been obtained and appropriate acknowledgment is given, if necessary.
         `),
   /* @__PURE__ */ o("br"),
   /* @__PURE__ */ o("br"),
-  /* @__PURE__ */ i(`
+  /* @__PURE__ */ s(`
         If you need further information regarding copyright issues, please contact us at
         `),
   /* @__PURE__ */ o("a", { href: "mailto:op-copyright@publications.europa.eu" }, "op-copyright@publications.europa.eu")
@@ -67,7 +67,7 @@ const F = { class: "formkitProperty" }, R = {
 }, ae = { key: 0 }, ne = {
   key: 5,
   class: "formkitCmpWrap simpleConditional"
-}, ie = { class: "m-3" }, se = { class: "conditionalSelectDiv" }, le = ["placeholder"], re = { key: 0 }, de = { class: "selectListConditional" }, ce = ["onClick"], ue = { class: "conditionalManual" }, pe = {
+}, se = { class: "m-3" }, ie = { class: "conditionalSelectDiv" }, le = ["placeholder"], re = { key: 0 }, de = { class: "selectListConditional" }, ce = ["onClick"], ue = { class: "conditionalManual" }, pe = {
   key: 0,
   class: "d-flex"
 }, me = {
@@ -85,33 +85,33 @@ const F = { class: "formkitProperty" }, R = {
     let b = N();
     const e = D, { t: k } = P();
     let r = f(), u = f(!1), p = f(!1);
-    M(() => {
+    L(() => {
       e.context.value.name && (r.value = k("message.dataupload.datasets.conditional.vocabulary")), e.context.value["foaf:name"] && (r.value = k("message.dataupload.datasets.conditional.manually"));
     });
     const v = f(null), C = (l) => {
       p.value = !p.value;
     }, E = () => {
       e.context.node.reset();
-    }, w = (l, s) => {
-      r.value = s, u.value = l, e.context.node.reset(), e.context.value = "";
+    }, w = (l, i) => {
+      r.value = i, u.value = l, e.context.node.reset(), e.context.value = "";
     };
-    return B(v, (l) => p.value = !1), (l, s) => {
-      const y = S("FormKit");
-      return a(), n("div", F, [
-        e.context.attrs.class != null && e.context.attrs.class.includes("inDistribution") ? (a(), n("h4", R, m(l.$t("message.dataupload.distributions." + e.context.attrs.identifier + ".label")), 1)) : (a(), n("h4", j, m(l.$t("message.dataupload.datasets." + e.context.attrs.identifier + ".label")), 1)),
-        i(),
+    return B(v, (l) => p.value = !1), (l, i) => {
+      const g = M("FormKit");
+      return a(), n("div", j, [
+        e.context.attrs.class != null && e.context.attrs.class.includes("inDistribution") ? (a(), n("h4", F, m(l.$t("message.dataupload.distributions." + e.context.attrs.identifier + ".label")), 1)) : (a(), n("h4", R, m(l.$t("message.dataupload.datasets." + e.context.attrs.identifier + ".label")), 1)),
+        s(),
         e.context.attrs.identifier === "licence" && d(b).content.dataProviderInterface.annifIntegration ? (a(), n("div", O, [
           X,
-          i(),
+          s(),
           z
         ])) : c("", !0),
-        i(),
+        s(),
         e.context.attrs.identifier === "rights" && d(b).content.dataProviderInterface.annifIntegration ? (a(), n("div", H, [
           K,
-          i(),
+          s(),
           W
         ])) : c("", !0),
-        i(),
+        s(),
         e.context.attrs.identifier === "rights" ? (a(), n("div", Y, [
           o("div", q, [
             o("div", G, [
@@ -120,26 +120,26 @@ const F = { class: "formkitProperty" }, R = {
                 ref: v,
                 type: "text",
                 class: "conditionalSelect formkit-input formkit-inner",
-                onClick: s[0] || (s[0] = (t) => C()),
+                onClick: i[0] || (i[0] = (t) => C()),
                 placeholder: e.context.attrs.placeholder,
-                "onUpdate:modelValue": s[1] || (s[1] = (t) => V(r) ? r.value = t : r = t)
+                "onUpdate:modelValue": i[1] || (i[1] = (t) => V(r) ? r.value = t : r = t)
               }, null, 8, J), [
                 [$, d(r)]
               ]),
-              i(),
+              s(),
               d(p) ? (a(), n("div", Q, [
                 o("ul", Z, [
-                  (a(!0), n(g, null, x(e.context.attrs.selection, (t, h) => (a(), n("li", {
+                  (a(!0), n(y, null, x(e.context.attrs.selection, (t, h) => (a(), n("li", {
                     class: "p-2 border-b border-gray-200",
-                    onClick: (L) => w(t, l.$t("message.dataupload.datasets.conditional." + t))
+                    onClick: (T) => w(t, l.$t("message.dataupload.datasets.conditional." + t))
                   }, m(l.$t("message.dataupload.datasets.conditional." + t)), 9, ee))), 256))
                 ])
               ])) : c("", !0)
             ]),
-            i(),
+            s(),
             o("div", te, [
               d(u) === "URL" || e.context.node.value["@type"] === "url" ? (a(), n("div", oe, [
-                _(y, {
+                _(g, {
                   type: "url",
                   placeholder: l.$t("message.dataupload.datasets.conditional.URL"),
                   name: "rdfs:label",
@@ -147,51 +147,51 @@ const F = { class: "formkitProperty" }, R = {
                   class: "w-100",
                   identifier: "rightsUrl",
                   modelValue: e.context.value["rdfs:value"],
-                  "onUpdate:modelValue": s[2] || (s[2] = (t) => e.context.value["rdfs:value"] = t)
+                  "onUpdate:modelValue": i[2] || (i[2] = (t) => e.context.value["rdfs:value"] = t)
                 }, null, 8, ["placeholder", "modelValue"])
               ])) : c("", !0)
             ]),
-            i(),
+            s(),
             d(u) === "Text" || e.context.value["@type"] === "text" ? (a(), n("div", ae, [
-              _(y, {
+              _(g, {
                 type: "text",
                 placeholder: l.$t("message.dataupload.datasets.conditional.Text"),
                 name: "rdfs:label",
                 class: "w-100",
                 identifier: "rightsText",
                 modelValue: e.context.value["rdfs:value"],
-                "onUpdate:modelValue": s[3] || (s[3] = (t) => e.context.value["rdfs:value"] = t)
+                "onUpdate:modelValue": i[3] || (i[3] = (t) => e.context.value["rdfs:value"] = t)
               }, null, 8, ["placeholder", "modelValue"])
             ])) : c("", !0)
           ])
         ])) : (a(), n("div", ne, [
-          o("div", ie, [
-            o("div", se, [
+          o("div", se, [
+            o("div", ie, [
               I(o("input", {
                 ref_key: "I1",
                 ref: v,
                 type: "text",
                 class: "conditionalSelect formkit-input formkit-inner",
-                onClick: s[4] || (s[4] = (t) => C()),
+                onClick: i[4] || (i[4] = (t) => C()),
                 placeholder: e.context.attrs.placeholder,
-                "onUpdate:modelValue": s[5] || (s[5] = (t) => V(r) ? r.value = t : r = t)
+                "onUpdate:modelValue": i[5] || (i[5] = (t) => V(r) ? r.value = t : r = t)
               }, null, 8, le), [
                 [$, d(r)]
               ]),
-              i(),
+              s(),
               d(p) ? (a(), n("div", re, [
                 o("ul", de, [
-                  (a(!0), n(g, null, x(e.context.attrs.selection, (t, h) => (a(), n("li", {
+                  (a(!0), n(y, null, x(e.context.attrs.selection, (t, h) => (a(), n("li", {
                     class: "p-2 border-b border-gray-200",
-                    onClick: (L) => w(t, l.$t("message.dataupload.datasets.conditional." + t))
+                    onClick: (T) => w(t, l.$t("message.dataupload.datasets.conditional." + t))
                   }, m(l.$t("message.dataupload.datasets.conditional." + t)), 9, ce))), 256))
                 ])
               ])) : c("", !0)
             ]),
-            i(),
+            s(),
             o("div", ue, [
               d(u) === "manually" || Object.keys(e.context.value).length > 0 && e.context.value["foaf:name"] && d(u) != "vocabulary" ? (a(), n("div", pe, [
-                (a(!0), n(g, null, x(e.context.attrs.options, (t, h) => (a(), T(y, {
+                (a(!0), n(y, null, x(e.context.attrs.options, (t, h) => (a(), S(g, {
                   type: h,
                   placeholder: l.$t("message.dataupload.datasets.individual." + t),
                   name: t,
@@ -200,16 +200,16 @@ const F = { class: "formkitProperty" }, R = {
                 }, null, 8, ["type", "placeholder", "name", "validation"]))), 256))
               ])) : c("", !0)
             ]),
-            i(),
+            s(),
             d(u) === "vocabulary" && !e.context.value.name ? (a(), n("div", me, [
               _(A, {
                 context: e.context
               }, null, 8, ["context"])
             ])) : c("", !0),
-            i(),
+            s(),
             e.context.value.name ? (a(), n("div", he, [
               o("a", fe, m(e.context.value.name), 1),
-              i(),
+              s(),
               o("div", {
                 class: "removeX",
                 onClick: E

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

@@ -1 +1 @@
-{"version":3,"file":"ConditionalInput.vue.mjs","sources":["../../../lib/data-provider-interface/components/ConditionalInput.vue"],"sourcesContent":["<template>\n  <div class=\"formkitProperty\">\n    <!-- <h4 class=\"formkitHeader\">{{ props.context.attrs.identifier.charAt(0).toUpperCase() +\n      props.context.attrs.identifier.slice(1) }}</h4> -->\n    <h4 class=\"formkitHeader\"\n      v-if=\"props.context.attrs.class != undefined && props.context.attrs.class.includes('inDistribution')\">\n      {{ $t('message.dataupload.distributions.' + props.context.attrs.identifier + '.label') }}\n    </h4>\n    <h4 class=\"formkitHeader\" v-else>\n      {{ $t('message.dataupload.datasets.' + props.context.attrs.identifier + '.label') }}\n    </h4>\n    <div v-if=\"props.context.attrs.identifier === 'licence' && env.content.dataProviderInterface.annifIntegration\"\n      class=\"d-flex infoLicense py-5\">\n      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"30px\" height=\"30px\" fill=\"currentColor\"\n        class=\"bi bi-info-circle mx-3 mb-3 mt-1 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      <div class=\"w-80\">\n        <p><em>For&nbsp;<strong>European</strong>&nbsp;<strong>Commission's datasets</strong>, bear in mind\n            that&nbsp;<ins>Decision 2011/833/EU</ins>&nbsp;<a\n              href=\"https://eur-lex.europa.eu/legal-content/EN/TXT/?uri=CELEX:32011D0833]\" target=\"_blank\"\n              rel=\"nofollow noopener\">[link</a>&nbsp;] allows for their commercial reuse without prior authorisation,\n            except for the material subject to the third party intellectual property rights. This Decision has been\n            implemented under the&nbsp;<ins>Decision C(2019) 1655 final</ins>&nbsp;<a\n              href=\"https://ec.europa.eu/transparency/documents-register/detail?ref=C(2019)1655&amp;lang=en]\"\n              target=\"_blank\" rel=\"nofollow noopener\">[link</a>&nbsp;] by which Creative Commons Attribution 4.0\n            International Public License (CC BY 4.0) is adopted as an open licence for the Commission's reuse policy.\n            Additionally, raw data, metadata or other documents of comparable nature may alternatively be distributed\n            under the provisions of the Creative Commons Universal Public Domain Dedication deed (CC0 1.0).</em></p>\n        <p><em>The&nbsp;<strong>Council</strong>&nbsp;and the&nbsp;<strong>European Court of Auditors</strong>&nbsp;have\n            approved similar decisions on reuse. It is advisable that you check&nbsp;<strong>the reuse policy of your\n              organisation</strong>&nbsp;before publishing or submitting your dataset.</em></p>\n        <p>If you need further information regarding copyright issues, please contact us at&nbsp;<a\n            href=\"mailto:op-copyright@publications.europa.eu\" target=\"_blank\"\n            rel=\"nofollow noopener\">op-copyright@publications.europa.eu</a></p>\n      </div>\n\n\n    </div>\n    <div v-if=\"props.context.attrs.identifier === 'rights' && env.content.dataProviderInterface.annifIntegration\"\n      class=\"d-flex infoLicense py-5\">\n      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"30px\" height=\"30px\" fill=\"currentColor\"\n        class=\"bi bi-info-circle mx-3 mb-3 mt-1 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 class=\"textInfoI\">As owner of your dataset, you guarantee that it does not violate the copyright, other\n        intellectual property or\n        privacy rights of any third party. In particular, if third party material is included in the dataset, you must\n        ensure that all necessary permissions have been obtained and appropriate acknowledgment is given, if necessary.\n        <br><br>\n        If you need further information regarding copyright issues, please contact us at\n        <a href=\"mailto:op-copyright@publications.europa.eu\">op-copyright@publications.europa.eu</a>\n      </p>\n    </div>\n    <!-- Choice between text and URL -->\n    <div class=\"formkitCmpWrap simpleConditional\" v-if=\"props.context.attrs.identifier === 'rights'\">\n      <div class=\"m-3\">\n        <div class=\"conditionalSelectDiv\">\n          <input ref=\"I1\" type=\"text\" class=\"conditionalSelect formkit-input formkit-inner\" @click=\"openSelect($event)\"\n            :placeholder=\"props.context.attrs.placeholder\" v-model=\"selectModeVal\">\n          <div v-if=\"showSelect\">\n            <ul class=\"selectListConditional\">\n              <li v-for=\"el, index in props.context.attrs.selection\" class=\"p-2 border-b border-gray-200 \"\n                @click=\"selectMode(el, $t('message.dataupload.datasets.conditional.' + el))\">{{\n                  $t('message.dataupload.datasets.conditional.' + el) }}</li>\n            </ul>\n          </div>\n        </div>\n        <div class=\"conditionalManual\">\n          <div class=\"d-flex\" v-if=\"selectedItem === 'URL' || props.context.node.value['@type'] === 'url'\">\n            <FormKit type=\"url\" :placeholder=\"$t('message.dataupload.datasets.conditional.URL')\" name=\"rdfs:label\" validation=\"url\"\n              class=\"w-100\" identifier=\"rightsUrl\" v-model=\"props.context.value['rdfs:value']\"></FormKit>\n          </div>\n        </div>\n        <div v-if=\"selectedItem === 'Text' || props.context.value['@type'] === 'text'\">\n          <FormKit type=\"text\" :placeholder=\"$t('message.dataupload.datasets.conditional.Text')\" name=\"rdfs:label\" class=\"w-100\"\n            identifier=\"rightsText\" v-model=\"props.context.value['rdfs:value']\"></FormKit>\n        </div>\n      </div>\n    </div>\n\n    <!-- Choice between manualinput and vocabulary search -->\n    <div class=\"formkitCmpWrap simpleConditional\" v-else>\n      <div class=\"m-3\">\n        <div class=\"conditionalSelectDiv\">\n          <input ref=\"I1\" type=\"text\" class=\"conditionalSelect formkit-input formkit-inner\" @click=\"openSelect($event)\"\n            :placeholder=props.context.attrs.placeholder v-model=\"selectModeVal\">\n          <div v-if=\"showSelect\">\n            <ul class=\"selectListConditional\">\n              <li v-for=\"el, index in props.context.attrs.selection\" class=\"p-2 border-b border-gray-200 \"\n                @click=\"selectMode(el, $t('message.dataupload.datasets.conditional.' + el))\">{{\n                  $t('message.dataupload.datasets.conditional.' + el) }}</li>\n            </ul>\n          </div>\n        </div>\n        <div class=\"conditionalManual\">\n          <div class=\"d-flex\" v-if=\"selectedItem === 'manually' ||\n            Object.keys(props.context.value).length > 0 && props.context.value['foaf:name']\n            && selectedItem != 'vocabulary'\">\n            <FormKit v-for=\"el, key in props.context.attrs.options\" :type=\"key\"\n              :placeholder=\"$t('message.dataupload.datasets.individual.' + el)\" :name=\"el\" :validation=\"key\"\n              class=\"w-100\"></FormKit>\n          </div>\n        </div>\n        <div v-if=\"selectedItem === 'vocabulary' && !props.context.value['name']\" class=\"\">\n          <AutocompleteInput :context=\"props.context\"></AutocompleteInput>\n        </div>\n        <div v-if=\"props.context.value['name']\" class=\"conditionalVocabulary d-flex\">\n          <a class=\"autocompleteInputSingleValue\">{{\n            props.context.value['name'] }}</a>\n          <div class=\"removeX\" @click=\"removeProperty\"></div>\n\n        </div>\n\n\n      </div>\n\n    </div>\n  </div>\n\n</template>\n<script setup>\nimport { ref, watchEffect } from 'vue';\nimport AutocompleteInput from './AutocompleteInput.vue';\nimport { onClickOutside } from '@vueuse/core'\nimport { useRuntimeEnv } from \"../../composables/useRuntimeEnv.ts\";\nimport { useI18n } from 'vue-i18n';\n\nlet env = useRuntimeEnv()\nconst props = defineProps({\n  context: Object,\n})\nconst { t } = useI18n();\nlet selectModeVal = ref()\nlet selectedItem = ref(false)\nlet showSelect = ref(false)\n\n\n\nwatchEffect(() => {\n  if (props.context.value['name']) {\n    selectModeVal.value = t('message.dataupload.datasets.conditional.' + 'vocabulary');\n  }\n  if (props.context.value['foaf:name']) {\n    selectModeVal.value = t('message.dataupload.datasets.conditional.' + 'manually');\n  }\n});\n\nconst I1 = ref(null)\n\nconst openSelect = (e) => {\n\n  showSelect.value = !showSelect.value\n\n}\nconst removeProperty = () => {\n  props.context.node.reset()\n}\nconst selectMode = (e, translatedString) => {\n  selectModeVal.value = translatedString\n  selectedItem.value = e\n  props.context.node.reset()\n  props.context.value = \"\"\n}\n\nonClickOutside(I1, event => showSelect.value = false)\n\n</script>\n<style>\n.conditionalManual {\n  .formkit-outer {\n    width: 100%;\n  }\n}\n\n.hover {\n  text-decoration: underline;\n}\n\n.conditionalVocabulary {\n  display: flex;\n  align-items: center;\n  margin: 1rem 0;\n}\n\n.w-80 {\n  width: 80%;\n}\n\n.infoLicense {\n  a {\n    color: blue;\n  }\n\n  padding: 1rem;\n  background-color: rgb(171, 225, 165)\n}\n\n.infoboxI {\n  width: 5%;\n}\n\n.textInfoI {\n  width: 95%;\n}\n</style>"],"names":["env","useRuntimeEnv","props","__props","t","useI18n","selectModeVal","ref","selectedItem","showSelect","watchEffect","I1","openSelect","e","removeProperty","selectMode","translatedString","onClickOutside","event"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoIA,QAAIA,IAAMC,EAAe;AACzB,UAAMC,IAAQC,GAGR,EAAE,GAAAC,EAAC,IAAKC;AACd,QAAIC,IAAgBC,EAAK,GACrBC,IAAeD,EAAI,EAAK,GACxBE,IAAaF,EAAI,EAAK;AAI1B,IAAAG,EAAY,MAAM;AAChB,MAAIR,EAAM,QAAQ,MAAM,SACtBI,EAAc,QAAQF,EAAE,oDAAyD,IAE/EF,EAAM,QAAQ,MAAM,WAAW,MACjCI,EAAc,QAAQF,EAAE,kDAAuD;AAAA,IAEnF,CAAC;AAED,UAAMO,IAAKJ,EAAI,IAAI,GAEbK,IAAa,CAACC,MAAM;AAExB,MAAAJ,EAAW,QAAQ,CAACA,EAAW;AAAA,IAEjC,GACMK,IAAiB,MAAM;AAC3B,MAAAZ,EAAM,QAAQ,KAAK,MAAO;AAAA,IAC5B,GACMa,IAAa,CAACF,GAAGG,MAAqB;AAC1C,MAAAV,EAAc,QAAQU,GACtBR,EAAa,QAAQK,GACrBX,EAAM,QAAQ,KAAK,MAAO,GAC1BA,EAAM,QAAQ,QAAQ;AAAA,IACxB;AAEA,WAAAe,EAAeN,GAAI,CAAAO,MAAST,EAAW,QAAQ,EAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ConditionalInput.vue.mjs","sources":["../../../lib/data-provider-interface/components/ConditionalInput.vue"],"sourcesContent":["<template>\n  <div class=\"formkitProperty\">\n    <!-- <h4 class=\"formkitHeader\">{{ props.context.attrs.identifier.charAt(0).toUpperCase() +\n      props.context.attrs.identifier.slice(1) }}</h4> -->\n    <h4 class=\"formkitHeader\"\n      v-if=\"props.context.attrs.class != undefined && props.context.attrs.class.includes('inDistribution')\">\n      {{ $t('message.dataupload.distributions.' + props.context.attrs.identifier + '.label') }}\n    </h4>\n    <h4 class=\"formkitHeader\" v-else>\n      {{ $t('message.dataupload.datasets.' + props.context.attrs.identifier + '.label') }}\n    </h4>\n    <div v-if=\"props.context.attrs.identifier === 'licence' && env.content.dataProviderInterface.annifIntegration\"\n      class=\"d-flex infoLicense py-5\">\n      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"30px\" height=\"30px\" fill=\"currentColor\"\n        class=\"bi bi-info-circle mx-3 mb-3 mt-1 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      <div class=\"w-80\">\n        <p>For <strong>European</strong>&nbsp;<strong>Commission's datasets</strong>, bear in mind that&nbsp;<a\n            class=\"external-link\" href=\"https://eur-lex.europa.eu/legal-content/EN/TXT/?uri=CELEX:32011D0833\"\n            target=\"_blank\" rel=\"nofollow noopener\"><ins>Decision 2011/833/EU</ins></a>] allows for their commercial\n          reuse without prior authorisation, except for the material subject to the third party intellectual property\n          rights. This Decision has been implemented under the&nbsp;<a class=\"external-link\"\n            href=\"https://ec.europa.eu/transparency/documents-register/detail?ref=C(2019)1655&amp;lang=en\"\n            target=\"_blank\" rel=\"nofollow noopener\"><ins>Decision C(2019) 1655 final</ins></a>] by which Creative\n          Commons Attribution 4.0 International Public License (CC BY 4.0) is adopted as an open licence for the\n          Commission's reuse policy. Additionally, raw data, metadata or other documents of comparable nature may\n          alternatively be distributed under the provisions of the Creative Commons Universal Public Domain Dedication\n          deed (CC0 1.0).</p>\n        <p>The&nbsp;<strong>Council</strong>&nbsp;and the&nbsp;<strong>European Court of Auditors</strong>&nbsp;have\n          approved similar decisions on reuse. It is advisable that you check&nbsp;<strong>the reuse policy of your\n            organisation</strong>&nbsp;before publishing or submitting your dataset.</p>\n        <p>If you need further information regarding copyright issues, please contact us at&nbsp;<span class=\"nobr\"><a\n              class=\"external-link\" href=\"mailto:op-copyright@publications.europa.eu\" target=\"_blank\"\n              rel=\"nofollow noopener\">op-copyright@publications.europa.eu<sup><img class=\"rendericon\"\n                  src=\"https://citnet.tech.ec.europa.eu/CITnet/jira/images/icons/mail_small.gif\" alt=\"\" width=\"13\"\n                  height=\"12\" align=\"absmiddle\" border=\"0\" /></sup></a></span></p>\n\n      </div>\n\n\n    </div>\n    <div v-if=\"props.context.attrs.identifier === 'rights' && env.content.dataProviderInterface.annifIntegration\"\n      class=\"d-flex infoLicense py-5\">\n      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"30px\" height=\"30px\" fill=\"currentColor\"\n        class=\"bi bi-info-circle mx-3 mb-3 mt-1 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 class=\"textInfoI\">As owner of your dataset, you guarantee that it does not violate the copyright, other\n        intellectual property or\n        privacy rights of any third party. In particular, if third party material is included in the dataset, you must\n        ensure that all necessary permissions have been obtained and appropriate acknowledgment is given, if necessary.\n        <br><br>\n        If you need further information regarding copyright issues, please contact us at\n        <a href=\"mailto:op-copyright@publications.europa.eu\">op-copyright@publications.europa.eu</a>\n      </p>\n    </div>\n    <!-- Choice between text and URL -->\n    <div class=\"formkitCmpWrap simpleConditional\" v-if=\"props.context.attrs.identifier === 'rights'\">\n      <div class=\"m-3\">\n        <div class=\"conditionalSelectDiv\">\n          <input ref=\"I1\" type=\"text\" class=\"conditionalSelect formkit-input formkit-inner\" @click=\"openSelect($event)\"\n            :placeholder=\"props.context.attrs.placeholder\" v-model=\"selectModeVal\">\n          <div v-if=\"showSelect\">\n            <ul class=\"selectListConditional\">\n              <li v-for=\"el, index in props.context.attrs.selection\" class=\"p-2 border-b border-gray-200 \"\n                @click=\"selectMode(el, $t('message.dataupload.datasets.conditional.' + el))\">{{\n                  $t('message.dataupload.datasets.conditional.' + el) }}</li>\n            </ul>\n          </div>\n        </div>\n        <div class=\"conditionalManual\">\n          <div class=\"d-flex\" v-if=\"selectedItem === 'URL' || props.context.node.value['@type'] === 'url'\">\n            <FormKit type=\"url\" :placeholder=\"$t('message.dataupload.datasets.conditional.URL')\" name=\"rdfs:label\"\n              validation=\"url\" class=\"w-100\" identifier=\"rightsUrl\" v-model=\"props.context.value['rdfs:value']\">\n            </FormKit>\n          </div>\n        </div>\n        <div v-if=\"selectedItem === 'Text' || props.context.value['@type'] === 'text'\">\n          <FormKit type=\"text\" :placeholder=\"$t('message.dataupload.datasets.conditional.Text')\" name=\"rdfs:label\"\n            class=\"w-100\" identifier=\"rightsText\" v-model=\"props.context.value['rdfs:value']\"></FormKit>\n        </div>\n      </div>\n    </div>\n\n    <!-- Choice between manualinput and vocabulary search -->\n    <div class=\"formkitCmpWrap simpleConditional\" v-else>\n      <div class=\"m-3\">\n        <div class=\"conditionalSelectDiv\">\n          <input ref=\"I1\" type=\"text\" class=\"conditionalSelect formkit-input formkit-inner\" @click=\"openSelect($event)\"\n            :placeholder=props.context.attrs.placeholder v-model=\"selectModeVal\">\n          <div v-if=\"showSelect\">\n            <ul class=\"selectListConditional\">\n              <li v-for=\"el, index in props.context.attrs.selection\" class=\"p-2 border-b border-gray-200 \"\n                @click=\"selectMode(el, $t('message.dataupload.datasets.conditional.' + el))\">{{\n                  $t('message.dataupload.datasets.conditional.' + el) }}</li>\n            </ul>\n          </div>\n        </div>\n        <div class=\"conditionalManual\">\n          <div class=\"d-flex\" v-if=\"selectedItem === 'manually' ||\n            Object.keys(props.context.value).length > 0 && props.context.value['foaf:name']\n            && selectedItem != 'vocabulary'\">\n            <FormKit v-for=\"el, key in props.context.attrs.options\" :type=\"key\"\n              :placeholder=\"$t('message.dataupload.datasets.individual.' + el)\" :name=\"el\" :validation=\"key\"\n              class=\"w-100\"></FormKit>\n          </div>\n        </div>\n        <div v-if=\"selectedItem === 'vocabulary' && !props.context.value['name']\" class=\"\">\n          <AutocompleteInput :context=\"props.context\"></AutocompleteInput>\n        </div>\n        <div v-if=\"props.context.value['name']\" class=\"conditionalVocabulary d-flex\">\n          <a class=\"autocompleteInputSingleValue\">{{\n            props.context.value['name'] }}</a>\n          <div class=\"removeX\" @click=\"removeProperty\"></div>\n\n        </div>\n\n\n      </div>\n\n    </div>\n  </div>\n\n</template>\n<script setup>\nimport { ref, watchEffect } from 'vue';\nimport AutocompleteInput from './AutocompleteInput.vue';\nimport { onClickOutside } from '@vueuse/core'\nimport { useRuntimeEnv } from \"../../composables/useRuntimeEnv.ts\";\nimport { useI18n } from 'vue-i18n';\n\nlet env = useRuntimeEnv()\nconst props = defineProps({\n  context: Object,\n})\nconst { t } = useI18n();\nlet selectModeVal = ref()\nlet selectedItem = ref(false)\nlet showSelect = ref(false)\n\n\n\nwatchEffect(() => {\n  if (props.context.value['name']) {\n    selectModeVal.value = t('message.dataupload.datasets.conditional.' + 'vocabulary');\n  }\n  if (props.context.value['foaf:name']) {\n    selectModeVal.value = t('message.dataupload.datasets.conditional.' + 'manually');\n  }\n});\n\nconst I1 = ref(null)\n\nconst openSelect = (e) => {\n\n  showSelect.value = !showSelect.value\n\n}\nconst removeProperty = () => {\n  props.context.node.reset()\n}\nconst selectMode = (e, translatedString) => {\n  selectModeVal.value = translatedString\n  selectedItem.value = e\n  props.context.node.reset()\n  props.context.value = \"\"\n}\n\nonClickOutside(I1, event => showSelect.value = false)\n\n</script>\n<style>\n.conditionalManual {\n  .formkit-outer {\n    width: 100%;\n  }\n}\n\n.hover {\n  text-decoration: underline;\n}\n\n.conditionalVocabulary {\n  display: flex;\n  align-items: center;\n  margin: 1rem 0;\n}\n\n.w-80 {\n  width: 80%;\n}\n\n.infoLicense {\n  a {\n    color: blue;\n  }\n\n  padding: 1rem;\n  background-color: rgb(171, 225, 165)\n}\n\n.infoboxI {\n  width: 5%;\n}\n\n.textInfoI {\n  width: 95%;\n}\n</style>"],"names":["env","useRuntimeEnv","props","__props","t","useI18n","selectModeVal","ref","selectedItem","showSelect","watchEffect","I1","openSelect","e","removeProperty","selectMode","translatedString","onClickOutside","event"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwIA,QAAIA,IAAMC,EAAe;AACzB,UAAMC,IAAQC,GAGR,EAAE,GAAAC,EAAC,IAAKC;AACd,QAAIC,IAAgBC,EAAK,GACrBC,IAAeD,EAAI,EAAK,GACxBE,IAAaF,EAAI,EAAK;AAI1B,IAAAG,EAAY,MAAM;AAChB,MAAIR,EAAM,QAAQ,MAAM,SACtBI,EAAc,QAAQF,EAAE,oDAAyD,IAE/EF,EAAM,QAAQ,MAAM,WAAW,MACjCI,EAAc,QAAQF,EAAE,kDAAuD;AAAA,IAEnF,CAAC;AAED,UAAMO,IAAKJ,EAAI,IAAI,GAEbK,IAAa,CAACC,MAAM;AAExB,MAAAJ,EAAW,QAAQ,CAACA,EAAW;AAAA,IAEjC,GACMK,IAAiB,MAAM;AAC3B,MAAAZ,EAAM,QAAQ,KAAK,MAAO;AAAA,IAC5B,GACMa,IAAa,CAACF,GAAGG,MAAqB;AAC1C,MAAAV,EAAc,QAAQU,GACtBR,EAAa,QAAQK,GACrBX,EAAM,QAAQ,KAAK,MAAO,GAC1BA,EAAM,QAAQ,QAAQ;AAAA,IACxB;AAEA,WAAAe,EAAeN,GAAI,CAAAO,MAAST,EAAW,QAAQ,EAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}