@piveau/piveau-hub-ui-modules 4.5.12 → 4.6.0

package/dist/dataProviderInterface.mjs

@@ -0,0 +1,71 @@
+import { dpiContextKey as Q, setupDpiContext as T, useDpiContext as W } from "./data-provider-interface/composables/useDpiContext.mjs";
+import { useDpiStepper as Y } from "./data-provider-interface/composables/useDpiStepper.mjs";
+import { useDpiEditMode as oo } from "./data-provider-interface/composables/useDpiEditMode.mjs";
+import { useRequestUriName as to } from "./data-provider-interface/composables/useRequestUriName.mjs";
+import { useFormSchema as no } from "./data-provider-interface/composables/useFormSchema.mjs";
+import { config as mo } from "./data-provider-interface/config/dpi-spec-config.mjs";
+import e from "./data-provider-interface/components/AutocompleteInput.vue.mjs";
+import t from "./data-provider-interface/components/ConditionalInput.vue.mjs";
+import r from "./data-provider-interface/components/DataFetchingComponent.vue.mjs";
+import n from "./data-provider-interface/components/Dropup.vue.mjs";
+import i from "./data-provider-interface/components/FileUpload.vue.mjs";
+import m from "./data-provider-interface/components/InfoSlot.vue.mjs";
+import f from "./data-provider-interface/components/LanguageSelector.vue.mjs";
+import p from "./data-provider-interface/components/Navigation.vue.mjs";
+import a from "./data-provider-interface/components/UniqueIdentifierInput.vue.mjs";
+import { default as po } from "./form/inputDefinitions.mjs";
+import c from "./data-provider-interface/views/OverviewPage/CatalogueOverview.vue.mjs";
+import u from "./data-provider-interface/views/OverviewPage/DatasetOverview.vue.mjs";
+import s from "./data-provider-interface/views/OverviewPage/DistributionOverview.vue.mjs";
+import g from "./data-provider-interface/views/OverviewPage/PropertyEntry.vue.mjs";
+import v from "./data-provider-interface/views/DistributionOverview.vue.mjs";
+import D from "./data-provider-interface/views/DraftsPage.vue.mjs";
+import l from "./data-provider-interface/views/InputPage.vue.mjs";
+import d from "./data-provider-interface/views/LinkedDataViewer.vue.mjs";
+import P from "./data-provider-interface/views/OverviewPage.vue.mjs";
+import C from "./data-provider-interface/views/UserCataloguesPage.vue.mjs";
+import I from "./data-provider-interface/views/UserProfilePage.vue.mjs";
+import x from "./data-provider-interface/DataProviderInterface.vue.mjs";
+import w from "./data-provider-interface/DPIMenu.vue.mjs";
+import { default as co } from "./data-provider-interface/store/dpiStore.mjs";
+import { injectionKey as so } from "./services/runtimeConfigurationService.mjs";
+function G(o) {
+  o.component("AutocompleteInput", e), o.component("ConditionalInput", t), o.component("DataFetchingComponent", r), o.component("Dropup", n), o.component("FileUpload", i), o.component("InfoSlot", m), o.component("LanguageSelector", f), o.component("Navigation", p), o.component("UniqueIdentifierInput", a), o.component("CatalogueOverview", c), o.component("DatasetOverview", u), o.component("DistributionOverview", s), o.component("PropertyEntry", g), o.component("DistOverview", v), o.component("DraftsPage", D), o.component("InputPage", l), o.component("LinkedDataViewer", d), o.component("OverviewPage", P), o.component("UserCataloguesPage", C), o.component("UserProfilePage", I), o.component("DataProviderInterface", x), o.component("DpiMenu", w);
+}
+export {
+  e as AutocompleteInput,
+  c as CatalogueOverview,
+  t as ConditionalInput,
+  r as DataFetchingComponent,
+  x as DataProviderInterface,
+  u as DatasetOverview,
+  v as DistOverview,
+  s as DistributionOverview,
+  w as DpiMenu,
+  D as DraftsPage,
+  n as Dropup,
+  i as FileUpload,
+  m as InfoSlot,
+  l as InputPage,
+  f as LanguageSelector,
+  d as LinkedDataViewer,
+  p as Navigation,
+  P as OverviewPage,
+  g as PropertyEntry,
+  a as UniqueIdentifierInput,
+  C as UserCataloguesPage,
+  I as UserProfilePage,
+  Q as dpiContextKey,
+  mo as dpiSpecConfig,
+  so as injectionKeyRuntimeConfig,
+  po as inputDefinitions,
+  G as registerComponents,
+  T as setupDpiContext,
+  co as store,
+  W as useDpiContext,
+  oo as useDpiEditMode,
+  Y as useDpiStepper,
+  no as useFormSchema,
+  to as useRequestUriName
+};
+//# sourceMappingURL=dataProviderInterface.mjs.map

package/dist/dataProviderInterface.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dataProviderInterface.mjs","sources":["../lib/data-provider-interface/index.ts"],"sourcesContent":["import { App } from 'vue';\n\nexport * from './composables/index'\nexport { config as dpiSpecConfig } from './config/dpi-spec-config'\n\n// Import data-provider-interface components\nimport AutocompleteInput from \"./components/AutocompleteInput.vue\";\nimport ConditionalInput from \"./components/ConditionalInput.vue\";\nimport DataFetchingComponent from \"./components/DataFetchingComponent.vue\";\nimport Dropup from \"./components/Dropup.vue\";\nimport FileUpload from \"./components/FileUpload.vue\";\nimport InfoSlot from \"./components/InfoSlot.vue\";\nimport LanguageSelector from \"./components/LanguageSelector.vue\";\nimport Navigation from \"./components/Navigation.vue\";\nimport UniqueIdentifierInput from \"./components/UniqueIdentifierInput.vue\";\nimport inputDefinitions from \"../form/inputDefinitions\";\n\n// import data provider-interface views OverviewPage\nimport CatalogueOverview from \"./views/OverviewPage/CatalogueOverview.vue\";\nimport DatasetOverview from \"./views/OverviewPage/DatasetOverview.vue\";\nimport DistributionOverview from \"./views/OverviewPage/DistributionOverview.vue\";\nimport PropertyEntry from \"./views/OverviewPage/PropertyEntry.vue\";\n\n// import data provider-interface views\nimport DistOverview from \"./views/DistributionOverview.vue\";\nimport DraftsPage from \"./views/DraftsPage.vue\";\nimport InputPage from \"./views/InputPage.vue\";\nimport LinkedDataViewer from \"./views/LinkedDataViewer.vue\";\nimport OverviewPage from \"./views/OverviewPage.vue\";\nimport UserCataloguesPage from \"./views/UserCataloguesPage.vue\";\nimport UserProfilePage from \"./views/UserProfilePage.vue\";\n\n// import data provider-interface\nimport DataProviderInterface from \"./DataProviderInterface.vue\";\nimport DpiMenu from \"./DPIMenu.vue\";\n\nimport store from \"./store/dpiStore\";\n\nexport function registerComponents(app: App) {\n  app.component('AutocompleteInput', AutocompleteInput);\n  app.component('ConditionalInput', ConditionalInput);\n  app.component('DataFetchingComponent', DataFetchingComponent);\n  app.component('Dropup', Dropup);\n  app.component('FileUpload', FileUpload);\n  app.component('InfoSlot', InfoSlot);\n  app.component('LanguageSelector', LanguageSelector);\n  app.component('Navigation', Navigation);\n  app.component('UniqueIdentifierInput', UniqueIdentifierInput);\n\n  app.component('CatalogueOverview', CatalogueOverview);\n  app.component('DatasetOverview', DatasetOverview);\n  app.component('DistributionOverview', DistributionOverview);\n  app.component('PropertyEntry', PropertyEntry);\n\n  app.component('DistOverview', DistOverview);\n  app.component('DraftsPage', DraftsPage);\n  app.component('InputPage', InputPage);\n  app.component('LinkedDataViewer', LinkedDataViewer);\n  app.component('OverviewPage', OverviewPage);\n  app.component('UserCataloguesPage', UserCataloguesPage);\n  app.component('UserProfilePage', UserProfilePage);\n\n  app.component('DataProviderInterface', DataProviderInterface);\n  app.component('DpiMenu', DpiMenu);\n}\n\n// export components\nexport { AutocompleteInput, ConditionalInput, DataFetchingComponent, Dropup, FileUpload, InfoSlot, LanguageSelector, Navigation, UniqueIdentifierInput }\n\n// export views\nexport { CatalogueOverview, DatasetOverview, DistributionOverview, PropertyEntry }\nexport { DistOverview, DraftsPage, InputPage, LinkedDataViewer, OverviewPage, UserCataloguesPage, UserProfilePage }\n\n// export data provider-interface\nexport { DataProviderInterface, DpiMenu }\n\nexport {\n  inputDefinitions,\n  store\n}\n\nexport { injectionKey as injectionKeyRuntimeConfig } from '../services/runtimeConfigurationService';"],"names":["registerComponents","app","AutocompleteInput","ConditionalInput","DataFetchingComponent","Dropup","FileUpload","InfoSlot","LanguageSelector","Navigation","UniqueIdentifierInput","CatalogueOverview","DatasetOverview","DistributionOverview","PropertyEntry","DistOverview","DraftsPage","InputPage","LinkedDataViewer","OverviewPage","UserCataloguesPage","UserProfilePage","DataProviderInterface","DpiMenu"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCO,SAASA,EAAmBC,GAAU;AACvC,EAAAA,EAAA,UAAU,qBAAqBC,CAAiB,GAChDD,EAAA,UAAU,oBAAoBE,CAAgB,GAC9CF,EAAA,UAAU,yBAAyBG,CAAqB,GACxDH,EAAA,UAAU,UAAUI,CAAM,GAC1BJ,EAAA,UAAU,cAAcK,CAAU,GAClCL,EAAA,UAAU,YAAYM,CAAQ,GAC9BN,EAAA,UAAU,oBAAoBO,CAAgB,GAC9CP,EAAA,UAAU,cAAcQ,CAAU,GAClCR,EAAA,UAAU,yBAAyBS,CAAqB,GAExDT,EAAA,UAAU,qBAAqBU,CAAiB,GAChDV,EAAA,UAAU,mBAAmBW,CAAe,GAC5CX,EAAA,UAAU,wBAAwBY,CAAoB,GACtDZ,EAAA,UAAU,iBAAiBa,CAAa,GAExCb,EAAA,UAAU,gBAAgBc,CAAY,GACtCd,EAAA,UAAU,cAAce,CAAU,GAClCf,EAAA,UAAU,aAAagB,CAAS,GAChChB,EAAA,UAAU,oBAAoBiB,CAAgB,GAC9CjB,EAAA,UAAU,gBAAgBkB,CAAY,GACtClB,EAAA,UAAU,sBAAsBmB,CAAkB,GAClDnB,EAAA,UAAU,mBAAmBoB,CAAe,GAE5CpB,EAAA,UAAU,yBAAyBqB,CAAqB,GACxDrB,EAAA,UAAU,WAAWsB,CAAO;AAClC;"}

package/dist/datasetDetails/DatasetDetails.vue.mjs

@@ -1,12 +1,12 @@
-import { mapGetters as g } from "vuex";
-import { useRoute as f } from "vue-router";
+import { mapGetters as f } from "vuex";
+import { useRoute as c } from "vue-router";
 import v from "./header/DatasetDetailsHeader.vue.mjs";
 import D from "./navigation/DatasetDetailsNavigation.vue.mjs";
-import { getRepresentativeLocaleOf as _ } from "../utils/helpers.mjs";
-import { useDownloadDatasetOnMount as y } from "../composables/useDownloadDatasetOnMount.mjs";
+import { getRepresentativeLocaleOf as y } from "../utils/helpers.mjs";
+import { useDownloadDatasetOnMount as T } from "../composables/useDownloadDatasetOnMount.mjs";
 import "@unhead/vue";
-import { useRuntimeEnv as T } from "../composables/useRuntimeEnv.mjs";
-import { resolveComponent as r, openBlock as a, createElementBlock as l, createBlock as p, createCommentVNode as n, createTextVNode as o, createElementVNode as b, createVNode as m } from "vue";
+import { useRuntimeEnv as _ } from "../composables/useRuntimeEnv.mjs";
+import { resolveComponent as r, openBlock as o, createElementBlock as p, createVNode as n, createTextVNode as a, createBlock as u, createCommentVNode as i, createElementVNode as b } from "vue";
 import "vue-i18n";
 import { useDatasetDetailsHead as k } from "../composables/head/useDatasetDetailsHead.mjs";
 import "lodash-es";
@@ -31,47 +31,49 @@ const N = {
     citationStyle: String
   },
   computed: {
-    ...g("datasetDetails", [
+    ...f("datasetDetails", [
       "getID",
       "getLanguages",
       "getTitle"
     ])
   },
   methods: {
-    getRepresentativeLocaleOf: _
+    getRepresentativeLocaleOf: y
   },
   setup() {
     k();
-    const t = f(), e = T();
-    y({ route: t, hubUrl: e.api.hubUrl });
+    const e = c(), t = _();
+    T({ route: e, hubUrl: t.api.hubUrl });
   }
-}, R = ["data-cy"], h = { class: "container-fluid mb-5 pt-1 content dsd-content" }, I = { key: 1 };
-function O(t, e, V, w, s, i) {
-  const d = r("dataset-details-navigation"), u = r("dataset-details-header"), c = r("router-view");
-  return a(), l("div", {
+}, R = ["data-cy"], I = { class: "container-fluid mb-5 pt-1 content dsd-content" }, O = { key: 1 };
+function V(e, t, w, B, s, d) {
+  const l = r("router-view"), m = r("dataset-details-navigation"), g = r("dataset-details-header");
+  return o(), p("div", {
     class: "d-flex flex-column p-0 bg-transparent",
-    "data-cy": i.getRepresentativeLocaleOf(t.getTitle, t.$route.query.locale, t.getLanguages) && `dataset@${i.getRepresentativeLocaleOf(t.getTitle, t.$route.query.locale, t.getLanguages)}`
+    "data-cy": d.getRepresentativeLocaleOf(e.getTitle, e.$route.query.locale, e.getLanguages) && `dataset@${d.getRepresentativeLocaleOf(e.getTitle, e.$route.query.locale, e.getLanguages)}`
   }, [
-    s.topTitle ? (a(), p(d, {
+    n(l, { name: "test" }),
+    t[3] || (t[3] = a()),
+    s.topTitle ? (o(), u(m, {
       key: 0,
-      "dataset-id": t.getID
-    }, null, 8, ["dataset-id"])) : n("", !0),
-    e[3] || (e[3] = o()),
-    b("div", h, [
-      m(u),
-      e[0] || (e[0] = o()),
-      s.topTitle ? n("", !0) : (a(), p(d, {
+      "dataset-id": e.getID
+    }, null, 8, ["dataset-id"])) : i("", !0),
+    t[4] || (t[4] = a()),
+    b("div", I, [
+      n(g),
+      t[0] || (t[0] = a()),
+      s.topTitle ? i("", !0) : (o(), u(m, {
         key: 0,
-        "dataset-id": t.getID
+        "dataset-id": e.getID
       }, null, 8, ["dataset-id"])),
-      e[1] || (e[1] = o()),
-      s.topTitle ? (a(), l("hr", I)) : n("", !0),
-      e[2] || (e[2] = o()),
-      m(c, { name: "datasetDetailsSubpages" })
+      t[1] || (t[1] = a()),
+      s.topTitle ? (o(), p("hr", O)) : i("", !0),
+      t[2] || (t[2] = a()),
+      n(l, { name: "datasetDetailsSubpages" })
     ])
   ], 8, R);
 }
-const J = /* @__PURE__ */ L(N, [["render", O], ["__scopeId", "data-v-c87c9171"]]);
+const J = /* @__PURE__ */ L(N, [["render", V], ["__scopeId", "data-v-77b019a6"]]);
 export {
   J as default
 };

package/dist/datasetDetails/DatasetDetails.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DatasetDetails.vue.mjs","sources":["../../lib/datasetDetails/DatasetDetails.vue"],"sourcesContent":["<template>\n  <div\n    class=\"d-flex flex-column p-0 bg-transparent\"\n    :data-cy=\"getRepresentativeLocaleOf(getTitle, $route.query.locale, getLanguages)\n    && `dataset@${getRepresentativeLocaleOf(getTitle, $route.query.locale, getLanguages)}`\"\n  >\n    <dataset-details-navigation v-if=\"topTitle\" :dataset-id=\"getID\"/>\n    <div class=\"container-fluid mb-5 pt-1 content dsd-content\">\n      <dataset-details-header />\n      <dataset-details-navigation v-if=\"!topTitle\" :dataset-id=\"getID\"/>\n      <hr v-if=\"topTitle\" />\n      <router-view name=\"datasetDetailsSubpages\"></router-view>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { mapGetters } from 'vuex';\nimport { useRoute } from 'vue-router';\n\nimport DatasetDetailsHeader from './header/DatasetDetailsHeader.vue';\nimport DatasetDetailsNavigation from './navigation/DatasetDetailsNavigation.vue';\nimport { getRepresentativeLocaleOf } from '../utils/helpers';\nimport { useDownloadDatasetOnMount } from '../composables/useDownloadDatasetOnMount';\nimport * as metaInfo from '../composables/head';\nimport {useRuntimeEnv} from \"../composables/useRuntimeEnv.ts\";\n\n\nexport default {\n  name: 'datasetDetails',\n  components: {\n    DatasetDetailsHeader,\n    DatasetDetailsNavigation,\n  },\n  data() {\n    return {\n      topTitle: this.$env.content.datasetDetails.header.navigation === \"top\",\n    };\n  },\n  props: {\n    activeTab: {\n      type: Number,\n      default: 0\n    },\n    citationStyle: String\n  },\n  computed: {\n    ...mapGetters('datasetDetails', [\n      'getID',\n      'getLanguages',\n      'getTitle',\n    ]),\n  },\n  methods: {\n    getRepresentativeLocaleOf,\n  },\n  setup() {\n    metaInfo.useDatasetDetailsHead();\n    const route = useRoute();\n    const env = useRuntimeEnv();\n    useDownloadDatasetOnMount({ route, hubUrl: env.api.hubUrl });\n  }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n  .content {\n    padding: 30px 30px 0 30px;\n    margin-top: 15px;\n    margin-bottom: 15px;\n    background-color: white;\n  }\n</style>\n"],"names":["_sfc_main","DatasetDetailsHeader","DatasetDetailsNavigation","mapGetters","getRepresentativeLocaleOf","metaInfo.useDatasetDetailsHead","route","useRoute","env","useRuntimeEnv","useDownloadDatasetOnMount","_hoisted_1","_hoisted_2","_createElementBlock","$options","_ctx","$data","_createBlock","_component_dataset_details_navigation","_createCommentVNode","_cache","_createTextVNode","_createElementVNode","_createVNode","_component_dataset_details_header","_openBlock","_hoisted_3","_component_router_view"],"mappings":";;;;;;;;;;;;;;AA4BA,MAAKA,IAAU;AAAA,EACb,MAAM;AAAA,EACN,YAAY;AAAA,IACV,sBAAAC;AAAA,IACA,0BAAAC;AAAA,EACD;AAAA,EACD,OAAO;AACL,WAAO;AAAA,MACL,UAAU,KAAK,KAAK,QAAQ,eAAe,OAAO,eAAe;AAAA;EAEpE;AAAA,EACD,OAAO;AAAA,IACL,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,IACD,eAAe;AAAA,EAChB;AAAA,EACD,UAAU;AAAA,IACR,GAAGC,EAAW,kBAAkB;AAAA,MAC9B;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACF;AAAA,EACD,SAAS;AAAA,IACP,2BAAAC;AAAA,EACD;AAAA,EACD,QAAQ;AACNC,IAAAA;AACA,UAAMC,IAAQC,KACRC,IAAMC;AACZ,IAAAC,EAA0B,EAAE,OAAAJ,GAAO,QAAQE,EAAI,IAAI,OAAO,CAAC;AAAA,EAC7D;AACF,GA9DAG,IAAA,CAAA,SAAA,GAOSC,IAAA,EAAA,OAAM,gDAA+C,SAP9D,KAAA,EAAA;;;cACEC,EAYM,OAAA;AAAA,IAXJ,OAAM;AAAA,IACL,WAASC,EAAyB,0BAACC,EAAQ,UAAEA,EAAM,OAAC,MAAM,QAAQA,EAAY,YAAA,gBAAoBD,EAAyB,0BAACC,YAAUA,EAAA,OAAO,MAAM,QAAQA,EAAY,YAAA,CAAA;AAAA;IAGtIC,EAAQ,iBAA1CC,EAAiEC,GAAA;AAAA,MANrE,KAAA;AAAA,MAMiD,cAAYH,EAAK;AAAA,mCANlEI,EAAA,IAAA,EAAA;AAAA,IAAAC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAAA;AAAA,IAOIC,EAKM,OALNV,GAKM;AAAA,MAJJW,EAA0BC,CAAA;AAAA,MARhCJ,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAAA;AAAA,MASyCL,EAAQ,WATjDG,EAAA,IAAA,EAAA,UASMF,EAAkEC,GAAA;AAAA,QATxE,KAAA;AAAA,QASoD,cAAYH,EAAK;AAAA;MATrEK,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAAA;AAAA,MAUgBL,EAAQ,YAAlBS,KAAAZ,EAAsB,MAV5Ba,CAAA,KAAAP,EAAA,IAAA,EAAA;AAAA,MAAAC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAAA;AAAA,MAWME,EAAyDI,GAAA,EAA5C,MAAK,yBAAwB,CAAA;AAAA;EAXhD,GAAA,GAAAhB,CAAA;;;"}
+{"version":3,"file":"DatasetDetails.vue.mjs","sources":["../../lib/datasetDetails/DatasetDetails.vue"],"sourcesContent":["<template>\n  <div\n    class=\"d-flex flex-column p-0 bg-transparent\"\n    :data-cy=\"getRepresentativeLocaleOf(getTitle, $route.query.locale, getLanguages)\n    && `dataset@${getRepresentativeLocaleOf(getTitle, $route.query.locale, getLanguages)}`\"\n  > \n  <router-view name=\"test\" ></router-view>\n    <dataset-details-navigation v-if=\"topTitle\" :dataset-id=\"getID\"/>\n    <div class=\"container-fluid mb-5 pt-1 content dsd-content\">\n      <dataset-details-header />\n      <dataset-details-navigation v-if=\"!topTitle\" :dataset-id=\"getID\"/>\n      <hr v-if=\"topTitle\" />\n      <router-view name=\"datasetDetailsSubpages\" ></router-view>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { mapGetters } from 'vuex';\nimport { useRoute } from 'vue-router';\n\nimport DatasetDetailsHeader from './header/DatasetDetailsHeader.vue';\nimport DatasetDetailsNavigation from './navigation/DatasetDetailsNavigation.vue';\nimport { getRepresentativeLocaleOf } from '../utils/helpers';\nimport { useDownloadDatasetOnMount } from '../composables/useDownloadDatasetOnMount';\nimport * as metaInfo from '../composables/head';\nimport {useRuntimeEnv} from \"../composables/useRuntimeEnv.ts\";\n\n\nexport default {\n  name: 'datasetDetails',\n  components: {\n    DatasetDetailsHeader,\n    DatasetDetailsNavigation,\n  },\n  data() {\n    return {\n      topTitle: this.$env.content.datasetDetails.header.navigation === \"top\",\n    };\n  },\n  props: {\n    activeTab: {\n      type: Number,\n      default: 0\n    },\n    citationStyle: String\n  },\n  computed: {\n    ...mapGetters('datasetDetails', [\n      'getID',\n      'getLanguages',\n      'getTitle',\n    ]),\n  },\n  methods: {\n    getRepresentativeLocaleOf,\n  },\n  setup() {\n    metaInfo.useDatasetDetailsHead();\n    const route = useRoute();\n    const env = useRuntimeEnv();\n    useDownloadDatasetOnMount({ route, hubUrl: env.api.hubUrl });\n  }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n  .content {\n    padding: 30px 30px 0 30px;\n    margin-top: 15px;\n    margin-bottom: 15px;\n    background-color: white;\n  }\n</style>\n"],"names":["_sfc_main","DatasetDetailsHeader","DatasetDetailsNavigation","mapGetters","getRepresentativeLocaleOf","metaInfo.useDatasetDetailsHead","route","useRoute","env","useRuntimeEnv","useDownloadDatasetOnMount","_hoisted_1","_hoisted_2","_createElementBlock","$options","_ctx","_createVNode","_component_router_view","_cache","_createTextVNode","$data","_createBlock","_component_dataset_details_navigation","_createCommentVNode","_createElementVNode","_component_dataset_details_header","_openBlock","_hoisted_3"],"mappings":";;;;;;;;;;;;;;AA6BA,MAAKA,IAAU;AAAA,EACb,MAAM;AAAA,EACN,YAAY;AAAA,IACV,sBAAAC;AAAA,IACA,0BAAAC;AAAA,EACD;AAAA,EACD,OAAO;AACL,WAAO;AAAA,MACL,UAAU,KAAK,KAAK,QAAQ,eAAe,OAAO,eAAe;AAAA;EAEpE;AAAA,EACD,OAAO;AAAA,IACL,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,IACD,eAAe;AAAA,EAChB;AAAA,EACD,UAAU;AAAA,IACR,GAAGC,EAAW,kBAAkB;AAAA,MAC9B;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACF;AAAA,EACD,SAAS;AAAA,IACP,2BAAAC;AAAA,EACD;AAAA,EACD,QAAQ;AACNC,IAAAA;AACA,UAAMC,IAAQC,KACRC,IAAMC;AACZ,IAAAC,EAA0B,EAAE,OAAAJ,GAAO,QAAQE,EAAI,IAAI,OAAO,CAAC;AAAA,EAC7D;AACF,GA/DAG,IAAA,CAAA,SAAA,GAQSC,IAAA,EAAA,OAAM,gDAA+C,SAR9D,KAAA,EAAA;;;cACEC,EAaM,OAAA;AAAA,IAZJ,OAAM;AAAA,IACL,WAASC,EAAyB,0BAACC,EAAQ,UAAEA,EAAM,OAAC,MAAM,QAAQA,EAAY,YAAA,gBAAoBD,EAAyB,0BAACC,YAAUA,EAAA,OAAO,MAAM,QAAQA,EAAY,YAAA,CAAA;AAAA;IAG1KC,EAAwCC,GAAA,EAA3B,MAAK,OAAM,CAAA;AAAA,IAN1BC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAAA;AAAA,IAOsCC,EAAQ,iBAA1CC,EAAiEC,GAAA;AAAA,MAPrE,KAAA;AAAA,MAOiD,cAAYP,EAAK;AAAA,mCAPlEQ,EAAA,IAAA,EAAA;AAAA,IAAAL,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAAA;AAAA,IAQIK,EAKM,OALNZ,GAKM;AAAA,MAJJI,EAA0BS,CAAA;AAAA,MAThCP,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAAA;AAAA,MAUyCC,EAAQ,WAVjDG,EAAA,IAAA,EAAA,UAUMF,EAAkEC,GAAA;AAAA,QAVxE,KAAA;AAAA,QAUoD,cAAYP,EAAK;AAAA;MAVrEG,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAAA;AAAA,MAWgBC,EAAQ,YAAlBM,KAAAb,EAAsB,MAX5Bc,CAAA,KAAAJ,EAAA,IAAA,EAAA;AAAA,MAAAL,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAAA;AAAA,MAYMH,EAA0DC,GAAA,EAA7C,MAAK,yBAAwB,CAAA;AAAA;EAZhD,GAAA,GAAAN,CAAA;;;"}

package/dist/embed/DatasetEmbedModal.vue.d.ts

@@ -6,7 +6,9 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
     minRange: number;
     maxRange: number;
     embedType: string;
+    isResponsive: boolean;
 }, {}, {
+    selectAll(event: any): void;
     updateEmbedCode(): void;
     updateEmbedCodeType(event: any): void;
     copy(): void;

package/dist/embed/DatasetEmbedModal.vue.mjs

@@ -1,7 +1,7 @@
-import { openBlock as m, createElementBlock as r, createElementVNode as t, createTextVNode as d, toDisplayString as l, withDirectives as n, vModelText as p, createStaticVNode as b, vShow as h } from "vue";
+import { openBlock as m, createElementBlock as r, createElementVNode as t, createTextVNode as d, toDisplayString as a, withDirectives as n, vModelText as p, createCommentVNode as u, vModelCheckbox as b, createStaticVNode as f, vShow as h } from "vue";
 import "./DatasetEmbedModal.vue2.mjs";
-import f from "../_virtual/_plugin-vue_export-helper.mjs";
-const u = {
+import g from "../_virtual/_plugin-vue_export-helper.mjs";
+const v = {
   name: "embed-modal",
   data() {
     return {
@@ -11,33 +11,37 @@ const u = {
       copied: !1,
       minRange: this.$env.content.datasetDetails.embed.minRange,
       maxRange: this.$env.content.datasetDetails.embed.maxRange,
-      embedType: "embed"
+      embedType: "embed",
       // default to 'embed'
+      isResponsive: !1
     };
   },
   methods: {
+    selectAll(o) {
+      o.target.select();
+    },
     updateEmbedCode() {
-      this.iframeWidth = Math.min(Math.max(this.iframeWidth, this.minRange), this.maxRange), this.iframeHeight = Math.min(Math.max(this.iframeHeight, this.minRange), this.maxRange);
-      const a = window.location.href.replace(/\?.*$/, "") + "/" + this.embedType;
-      this.embedCode = `<iframe src="${a}" width="${this.iframeWidth}" height="${this.iframeHeight}" frameborder="0"></iframe>`;
+      this.isResponsive ? this.iframeWidth = "100%" : (this.iframeWidth = 900, this.iframeWidth = Math.min(Math.max(this.iframeWidth, this.minRange), this.maxRange), this.iframeHeight = Math.min(Math.max(this.iframeHeight, this.minRange), this.maxRange));
+      const o = window.location.href.replace(/\?.*$/, "") + "/" + this.embedType;
+      this.embedCode = `<iframe src="${o}" width="${this.iframeWidth}" height="${this.iframeHeight}" frameborder="0"></iframe>`;
     },
-    updateEmbedCodeType(a) {
-      this.embedType = a.target.value === "snippet" ? "embed-snippet" : "embed", this.updateEmbedCode();
+    updateEmbedCodeType(o) {
+      this.embedType = o.target.value === "snippet" ? "embed-snippet" : "embed", this.updateEmbedCode();
     },
     copy() {
       navigator.clipboard.writeText(this.embedCode).then(() => {
         this.copied = !0, setTimeout(() => {
           this.copied = !1;
         }, 3e3);
-      }).catch((a) => {
-        console.error("Failed to copy: ", a);
+      }).catch((o) => {
+        console.error("Failed to copy: ", o);
       });
     }
   },
   created() {
     this.updateEmbedCode();
   }
-}, g = {
+}, c = {
   class: "modal fade",
   id: "embedModal",
   tabindex: "-1",
@@ -45,14 +49,14 @@ const u = {
   "aria-labelledby": "",
   "aria-hidden": "true",
   style: { "background-color": "rgba(0, 0, 0, 0.75)" }
-}, c = {
+}, x = {
   class: "modal-dialog modal-dialog-centered modal-lg",
   role: "document",
   style: { "z-index": "1100", "max-width": "52%" }
-}, v = {
+}, y = {
   class: "modal-content border-none",
   style: { "border-radius": "0", padding: "1rem 2.125rem 2.75rem" }
-}, x = {
+}, C = {
   type: "button",
   id: "modal-close-btn",
   "data-dismiss": "modal",
@@ -61,7 +65,7 @@ const u = {
 }, w = {
   "aria-hidden": "true",
   class: "close-icon rounded-circle"
-}, y = {
+}, k = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "white",
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
@@ -72,94 +76,126 @@ const u = {
   viewBox: "0 0 512 512",
   width: "8",
   "xml:space": "preserve"
-}, C = { class: "modal-head" }, k = {
+}, R = { class: "modal-head" }, E = {
   class: "modal-title",
   id: "exampleModalLabel",
   style: { display: "inline-block" }
-}, R = { class: "modal-body" }, D = {
+}, D = { class: "modal-body" }, H = {
   class: "container",
   style: { padding: "0", margin: "0" }
-}, H = { class: "d-flex flex-row iframeSettings" }, E = { class: "input-wrapper" }, T = { for: "iframeWidth" }, V = { class: "input-with-px" }, M = ["min", "max"], L = {
+}, V = { class: "d-flex flex-row iframeSettings" }, T = { class: "input-wrapper" }, W = { for: "iframeWidth" }, M = { class: "input-with-px" }, L = ["min", "max"], z = ["min", "max"], S = {
   class: "input-wrapper height",
   style: { "padding-left": "3.3rem" }
-}, W = { for: "iframeHeight" }, _ = { class: "input-with-px" }, z = ["min", "max"], S = { class: "ecl-form-group" }, B = {
+}, U = { for: "iframeHeight" }, B = { class: "input-with-px" }, I = ["min", "max"], N = { class: "form-check mb-4" }, A = { class: "ecl-form-group" }, Z = {
   class: "ecl-form-label",
   for: "ebmedTextarea",
   style: { "font-size": "18px", "font-weight": "400", color: "#000000" }
-}, I = ["value"], N = { class: "form-check mt-4" }, U = { class: "form-check" }, Z = { class: "modal-footer justify-content-start" }, P = { class: "copied" };
-function j(a, e, F, q, s, o) {
-  return m(), r("div", g, [
-    t("div", c, [
-      t("div", v, [
-        t("button", x, [
-          d(l(a.$t("message.datasetDetails.datasets.modal.close")) + " ", 1),
+}, P = ["value"], j = { class: "form-check mt-4" }, F = { class: "form-check" }, q = { class: "modal-footer justify-content-start" }, G = { class: "copied" }, J = { class: "form-check-label" };
+function K(o, e, O, Q, i, l) {
+  return m(), r("div", c, [
+    t("div", x, [
+      t("div", y, [
+        t("button", C, [
+          d(a(o.$t("message.datasetDetails.datasets.modal.close")) + " ", 1),
           t("span", w, [
-            (m(), r("svg", y, e[7] || (e[7] = [
+            (m(), r("svg", k, e[12] || (e[12] = [
               t("path", { d: "M443.6,387.1L312.4,255.4l131.5-130c5.4-5.4,5.4-14.2,0-19.6l-37.4-37.6c-2.6-2.6-6.1-4-9.8-4c-3.7,0-7.2,1.5-9.8,4  L256,197.8L124.9,68.3c-2.6-2.6-6.1-4-9.8-4c-3.7,0-7.2,1.5-9.8,4L68,105.9c-5.4,5.4-5.4,14.2,0,19.6l131.5,130L68.4,387.1  c-2.6,2.6-4.1,6.1-4.1,9.8c0,3.7,1.4,7.2,4.1,9.8l37.4,37.6c2.7,2.7,6.2,4.1,9.8,4.1c3.5,0,7.1-1.3,9.8-4.1L256,313.1l130.7,131.1  c2.7,2.7,6.2,4.1,9.8,4.1c3.5,0,7.1-1.3,9.8-4.1l37.4-37.6c2.6-2.6,4.1-6.1,4.1-9.8C447.7,393.2,446.2,389.7,443.6,387.1z" }, null, -1)
             ])))
           ])
         ]),
-        e[21] || (e[21] = d()),
-        t("div", C, [
-          t("h5", k, l(a.$t("message.datasetDetails.datasets.modal.embedText")), 1)
-        ]),
-        e[22] || (e[22] = d()),
+        e[30] || (e[30] = d()),
         t("div", R, [
-          t("div", D, [
-            t("div", H, [
-              t("div", E, [
-                t("label", T, l(a.$t("message.datasetDetails.datasets.modal.width")), 1),
-                e[8] || (e[8] = t("br", null, null, -1)),
-                e[9] || (e[9] = d()),
-                t("div", V, [
-                  n(t("input", {
+          t("h5", E, a(o.$t("message.datasetDetails.datasets.modal.embedText")), 1)
+        ]),
+        e[31] || (e[31] = d()),
+        t("div", D, [
+          t("div", H, [
+            t("div", V, [
+              t("div", T, [
+                t("label", W, a(o.$t("message.datasetDetails.datasets.modal.width")), 1),
+                e[14] || (e[14] = t("br", null, null, -1)),
+                e[15] || (e[15] = d()),
+                t("div", M, [
+                  i.isResponsive ? u("", !0) : n((m(), r("input", {
+                    key: 0,
                     type: "number",
                     id: "iframeWidth",
-                    "onUpdate:modelValue": e[0] || (e[0] = (i) => s.iframeWidth = i),
-                    onInput: e[1] || (e[1] = (...i) => o.updateEmbedCode && o.updateEmbedCode(...i)),
-                    min: s.minRange,
-                    max: s.maxRange
-                  }, null, 40, M), [
-                    [p, s.iframeWidth]
-                  ])
+                    "onUpdate:modelValue": e[0] || (e[0] = (s) => i.iframeWidth = s),
+                    onInput: e[1] || (e[1] = (...s) => l.updateEmbedCode && l.updateEmbedCode(...s)),
+                    min: i.minRange,
+                    max: i.maxRange
+                  }, null, 40, L)), [
+                    [p, i.iframeWidth]
+                  ]),
+                  e[13] || (e[13] = d()),
+                  i.isResponsive ? n((m(), r("input", {
+                    key: 1,
+                    class: "disable-width",
+                    type: "text",
+                    id: "iframeWidth",
+                    "onUpdate:modelValue": e[2] || (e[2] = (s) => i.iframeWidth = s),
+                    onInput: e[3] || (e[3] = (...s) => l.updateEmbedCode && l.updateEmbedCode(...s)),
+                    min: i.minRange,
+                    max: i.maxRange
+                  }, null, 40, z)), [
+                    [p, i.iframeWidth]
+                  ]) : u("", !0)
                 ])
               ]),
-              e[12] || (e[12] = d()),
-              t("div", L, [
-                t("label", W, l(a.$t("message.datasetDetails.datasets.modal.height")), 1),
-                e[10] || (e[10] = t("br", null, null, -1)),
-                e[11] || (e[11] = d()),
-                t("div", _, [
+              e[18] || (e[18] = d()),
+              t("div", S, [
+                t("label", U, a(o.$t("message.datasetDetails.datasets.modal.height")), 1),
+                e[16] || (e[16] = t("br", null, null, -1)),
+                e[17] || (e[17] = d()),
+                t("div", B, [
                   n(t("input", {
                     type: "number",
                     id: "iframeHeight",
-                    "onUpdate:modelValue": e[2] || (e[2] = (i) => s.iframeHeight = i),
-                    onInput: e[3] || (e[3] = (...i) => o.updateEmbedCode && o.updateEmbedCode(...i)),
-                    min: s.minRange,
-                    max: s.maxRange
-                  }, null, 40, z), [
-                    [p, s.iframeHeight]
+                    "onUpdate:modelValue": e[4] || (e[4] = (s) => i.iframeHeight = s),
+                    onInput: e[5] || (e[5] = (...s) => l.updateEmbedCode && l.updateEmbedCode(...s)),
+                    min: i.minRange,
+                    max: i.maxRange
+                  }, null, 40, I), [
+                    [p, i.iframeHeight]
                   ])
                 ])
               ])
             ])
           ]),
-          e[14] || (e[14] = d()),
-          t("div", S, [
-            t("label", B, l(a.$t("message.datasetDetails.datasets.modal.code")), 1),
-            e[13] || (e[13] = d()),
+          e[22] || (e[22] = d()),
+          t("div", N, [
+            n(t("input", {
+              class: "form-check-input",
+              type: "checkbox",
+              "onUpdate:modelValue": e[6] || (e[6] = (s) => i.isResponsive = s),
+              onChange: e[7] || (e[7] = (...s) => l.updateEmbedCode && l.updateEmbedCode(...s))
+            }, null, 544), [
+              [b, i.isResponsive]
+            ]),
+            e[19] || (e[19] = d()),
+            e[20] || (e[20] = t("label", {
+              class: "form-check-label",
+              for: "responsive"
+            }, `
+                  Responsive
+               `, -1))
+          ]),
+          e[23] || (e[23] = d()),
+          t("div", A, [
+            t("label", Z, a(o.$t("message.datasetDetails.datasets.modal.code")), 1),
+            e[21] || (e[21] = d()),
             t("textarea", {
               id: "ebmedTextarea",
               style: { width: "100%", resize: "none", padding: "20px 25px 0px 20px", overflow: "hidden", "font-size": "18px", "line-height": "1.1", color: "#888888", "margin-top": "1.375rem", "word-break": "break-all", float: "left!important" },
               class: "ecl-text-area ecl-text-area--m",
               rows: "4",
-              value: s.embedCode,
-              readonly: ""
-            }, null, 8, I)
+              value: i.embedCode,
+              onClick: e[8] || (e[8] = (...s) => l.selectAll && l.selectAll(...s))
+            }, null, 8, P)
           ])
         ]),
-        e[23] || (e[23] = d()),
-        t("div", N, [
+        e[32] || (e[32] = d()),
+        t("div", j, [
           t("input", {
             class: "form-check-input",
             type: "radio",
@@ -167,56 +203,58 @@ function j(a, e, F, q, s, o) {
             id: "complete",
             value: "complete",
             checked: "",
-            onChange: e[4] || (e[4] = (...i) => o.updateEmbedCodeType && o.updateEmbedCodeType(...i))
+            onChange: e[9] || (e[9] = (...s) => l.updateEmbedCodeType && l.updateEmbedCodeType(...s))
           }, null, 32),
-          e[15] || (e[15] = d()),
-          e[16] || (e[16] = t("label", {
+          e[24] || (e[24] = d()),
+          e[25] || (e[25] = t("label", {
             class: "form-check-label",
             for: "exampleRadios1"
           }, `
                   Complete Dataset
                `, -1))
         ]),
-        e[24] || (e[24] = d()),
-        t("div", U, [
+        e[33] || (e[33] = d()),
+        t("div", F, [
           t("input", {
             class: "form-check-input",
             type: "radio",
             name: "exampleRadios",
             id: "snippet",
             value: "snippet",
-            onChange: e[5] || (e[5] = (...i) => o.updateEmbedCodeType && o.updateEmbedCodeType(...i))
+            onChange: e[10] || (e[10] = (...s) => l.updateEmbedCodeType && l.updateEmbedCodeType(...s))
           }, null, 32),
-          e[17] || (e[17] = d()),
-          e[18] || (e[18] = t("label", {
+          e[26] || (e[26] = d()),
+          e[27] || (e[27] = t("label", {
             class: "form-check-label",
             for: "exampleRadios2"
           }, `
                   Snippet Dataset
                `, -1))
         ]),
-        e[25] || (e[25] = d()),
-        t("div", Z, [
+        e[34] || (e[34] = d()),
+        t("div", q, [
           t("button", {
-            onClick: e[6] || (e[6] = (...i) => o.copy && o.copy(...i)),
+            onClick: e[11] || (e[11] = (...s) => l.copy && l.copy(...s)),
             class: "ecl-button ecl-button--secondary px-4 py-3",
             style: { float: "left!important" },
             type: "button"
-          }, l(a.$t("message.datasetDetails.datasets.modal.copy")), 1),
-          e[20] || (e[20] = d()),
-          n(t("span", P, [
-            e[19] || (e[19] = b('<svg width="20" height="23" viewBox="0 0 20 23" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-b7a26f22><g clip-path="url(#clip0_13_474)" data-v-b7a26f22><path d="M14.2857 20.125V21.9219C14.2857 22.5173 13.806 23 13.2143 23H1.07143C0.479688 23 0 22.5173 0 21.9219V5.39062C0 4.79519 0.479688 4.3125 1.07143 4.3125H4.28571V17.6094C4.28571 18.9965 5.40719 20.125 6.78571 20.125H14.2857ZM14.2857 4.67188V0H6.78571C6.19397 0 5.71429 0.482686 5.71429 1.07812V17.6094C5.71429 18.2048 6.19397 18.6875 6.78571 18.6875H18.9286C19.5203 18.6875 20 18.2048 20 17.6094V5.75H15.3571C14.7679 5.75 14.2857 5.26484 14.2857 4.67188ZM19.6862 3.27799L16.7424 0.315756C16.5414 0.113582 16.2689 1.49498e-06 15.9848 0L15.7143 0V4.3125H20V4.04032C20 3.75439 19.8871 3.48018 19.6862 3.27799Z" fill="#464646" data-v-b7a26f22></path></g> <defs data-v-b7a26f22><clipPath id="clip0_13_474" data-v-b7a26f22><rect width="20" height="23" fill="white" data-v-b7a26f22></rect></clipPath></defs></svg>', 1)),
-            d(" " + l(a.$t("message.datasetDetails.datasets.modal.copied")), 1)
+          }, a(o.$t("message.datasetDetails.datasets.modal.copy")), 1),
+          e[29] || (e[29] = d()),
+          n(t("span", G, [
+            t("label", J, [
+              e[28] || (e[28] = f('<svg width="20" height="23" viewBox="0 0 20 23" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-48ec495c><g clip-path="url(#clip0_13_474)" data-v-48ec495c><path d="M14.2857 20.125V21.9219C14.2857 22.5173 13.806 23 13.2143 23H1.07143C0.479688 23 0 22.5173 0 21.9219V5.39062C0 4.79519 0.479688 4.3125 1.07143 4.3125H4.28571V17.6094C4.28571 18.9965 5.40719 20.125 6.78571 20.125H14.2857ZM14.2857 4.67188V0H6.78571C6.19397 0 5.71429 0.482686 5.71429 1.07812V17.6094C5.71429 18.2048 6.19397 18.6875 6.78571 18.6875H18.9286C19.5203 18.6875 20 18.2048 20 17.6094V5.75H15.3571C14.7679 5.75 14.2857 5.26484 14.2857 4.67188ZM19.6862 3.27799L16.7424 0.315756C16.5414 0.113582 16.2689 1.49498e-06 15.9848 0L15.7143 0V4.3125H20V4.04032C20 3.75439 19.8871 3.48018 19.6862 3.27799Z" fill="#464646" data-v-48ec495c></path></g> <defs data-v-48ec495c><clipPath id="clip0_13_474" data-v-48ec495c><rect width="20" height="23" fill="white" data-v-48ec495c></rect></clipPath></defs></svg>', 1)),
+              d(" " + a(o.$t("message.datasetDetails.datasets.modal.copied")), 1)
+            ])
           ], 512), [
-            [h, s.copied]
+            [h, i.copied]
           ])
         ])
       ])
     ])
   ]);
 }
-const K = /* @__PURE__ */ f(u, [["render", j], ["__scopeId", "data-v-b7a26f22"]]);
+const $ = /* @__PURE__ */ g(v, [["render", K], ["__scopeId", "data-v-48ec495c"]]);
 export {
-  K as default
+  $ as default
 };
 //# sourceMappingURL=DatasetEmbedModal.vue.mjs.map